2013-03-15 2 views
0

Я загружаю контент в твиттер-бутстрап, и проблема, с которой я сталкиваюсь, заключается в том, что контент довольно длинный, для чего требуется боковая панель. Этот контент является простой html-страницей. Вместо использования боковой панели модалов он использует iframe, и каждый раз, когда я смотрю, это единственный способ получить внешний контент в twitter boostraps modal.Iframes не может быть решением, не так ли?

<p><a data-toggle="modal" class="updateNotes" href="http://adambalan.com/aisis/aisis_update/UpdateNotes/index.html" data-target="#modal">READ MORE ABOUT IT!</a></p> 

    <div class="modal hide fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h3 id="myModalLabel">Latest Updates!</h3> 
     </div> 
     <div class="modal-body"> 
     </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    </div> 
    </div> 

JQuery:

$('a.btn').on('click', function(e) { 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true" src="'+url+'"></iframe>'); 
}); 

мне нужно НЕ использовать в IFRAME и использовать модальности врезку для содержания этого свитка. Есть идеи?

Я также попытался отключить прокрутку в iframe, но потом содержимое не прокручивается.

ответ

0

Пробуя функцию загрузки jQuery?

http://api.jquery.com/load/

Вероятно, не работает, когда содержание приходит из другого домена.

+0

Можете ли вы предоставить js скрипку о том, как это реализовать? Я прочитал документ, но я не уверен, что это сработает. – TheWebs

Смежные вопросы