[英].load() is not pulling in content from html file
我一直在使用jQuery Docs,並且試圖設置一種情況,即從單獨的html文件填充模態的內容。 所有文件都在相同的域,相同的文件夾中。 到目前為止,該模式將在單擊時啟動,但不會從html文件提取任何內容。 我正在使用Zurb模式顯示模式。
jQuery的:
$('.video-btn').click(function (e) {
e.preventDefault();
var modalUrl = $(this).attr('href');
$('#myModal').load('modalUrl #vidModal').reveal({
animationspeed: 500,
animation: 'fadeAndPop',
dismissmodalclass: 'close-reveal-modal'
});
//$('.video-wrapper').children().show();
});
鏈接
<a href="modal1.html" class="info-btn video-btn">
<h2>Video</h2>
<p>Cambridge at a glance</p>
</a>
/*Outer modal hidden on page*/
<div id="myModal" class="reveal-modal"></div>/*Content that is in a file named modal1.html*/
<div id="vidModal" class="reveal-modal">
<div class="inner-modal">
<div class="modal-head">
<h2>Video</h2>
<p>Cambridge at a glance</p>
<a class="close-reveal-modal"></a>
</div>
<div class="modal-share-btns"></div>
<div class="video-wrapper">
<iframe id="vid" src="http://player.vimeo.com/video/20800836?api=1" width="700" height="400" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>
</div>
<!-- /inner-modal -->
</div>
您的代碼應如下所示:
$('#myModal').load(modalUrl+ ' #vidModal')
在你的代碼加載的URL modalUrl #vidModal
,而不是存儲在URL modalUrl
與串聯#vidModal
(根據評論更新)
問題:
$('#myModal').load('modalUrl #vidModal')
modalURl
被包含為字符串文字的一部分。
你應該做:
$('#myModal').load(modalUrl + ' #vidModal')
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.