Как я могу загрузить внешнюю страницу во всплывающем окне наложения jQuery?

Question

Как я могу загрузить внешнюю страницу во всплывающем окне наложения jQuery?

Я пытаюсь заставить наложение jQuery загрузить внешнюю страницу.

Я думаю, что у меня есть две версии jQuery, конфликтующего друг с другом, поскольку я использую это для перетаскивания, и он хорошо работает:

src="js/jquery-1.3.2.min.js

js/jquery-ui-1.7.2.custom.min.js

Теперь, когда я добавляю это:

http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js

для наложения это, кажется, не работает. У кого-либо есть простое наложение с внешней страницей?

7

jquery jquery-ui

задан Shog9 15 July 2014 в 19:59

2 ответа

Другие вопросы по тегам:

jquery jquery-ui

Похожие вопросы:

score 6 · Answer 1

HTML

<a id="selector" href="#">My event trigger</a>
<!-- put the the overlay below before closing </body> the end of the page -->
<div class="overlayOuter"> 
    <div class="overlayInner">
      <!-- external content to be loaded here -->
    </div>
  </div>

CSS

.overlayOuter{
    background:#000;
    opacity:0.7;
    display:none;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:100001;
 }


.overlayInner{

    position:absolute;
    top:40%;/*or whatever*/
    left:40% /*or whatever*/
    width:500px;
    z-index:100001;
 }

JS

$("a#selector").live("click", function(){
    $(".overlayInner").load("externalPage.html",
       // the following is the callback   
      function(){$(".overlayOuter").fadeIn(300); })
});

score 9 · Answer 2

Но почему вы не используете Fancybox или более лучший colorbox, вот ссылка

http://colorpowered.com/ colorbox /

Colorbox светлый, имеет классный эффект, просто попробуйте, и вы можете оформить его, так как он основан на CSS.

Спасибо