[英]Show this div and hide that div
您好,我想知道如何修改以下js函數以隱藏一個div的內容,並在打開的fancybox彈出窗口中顯示以下div的內容,以顯示以下div
<LI><A class="demo" id="example4" href="#demoView">Demo</A></LI> //linkfunctionality i want to show
<a id="various2" href="#divVideo" class="fl ml20"><img src="images/sites/img2.png" alt="" class="fl mr10" /></a> //Link functionality i want to hidde
<div style="display:none;">
<div id="demoView">
<div class="fl w900 pa20 bg2 tac">
<h3 class="ff2 fwb fs30 mb10 cf3">Please contact us for a quick demo.</h3>
<h4 class="ff2 fwb fs26 mb40 cf3">Email: <span class="cf2 pr25"><a style="text-decoration:none; color:#2a98e2;" href="mailto:info@caremerge.com">info@caremerge.com</a></span> Call: <span class="cf2">(888) 996 6993</span></h4>
<img src="images/sites/demo1.png" alt="" class="dpib mb20"/>
</div>
</div>
</div>
以下功能已成功隱藏了視頻,但未在其中顯示上面提到的div ...
function onPause() {
froogaloop.addEvent('pause', function(data) {
//$('a[href="#various2"]').fadeOut();
$('#divVideo').fadeOut(500);
// $('#various2').fadeOut(500);
//$(' #demoView').fadeIn(500);
$('#demoView').fadeIn();
alert('ST-UCK');
});
}
FANCY BOX JQUERY OF MY CODE的某些部分
jQuery(document).ready(function() {
$("a#example4").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none'
});
$("#various2").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none',
'onClosed' : function() {
document.getElementById('iframe-video');
},
'onStart' : function() {
//alert("hi");
//$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
}
});
當您在fancybox中打開內聯內容(如您的示例中的#demoView
或#divVideo
)時,內容實際上從html流中的位置移至fancybox中,而是保留了一個臨時div
。
因此,當您在fancybox中打開#divVideo
時,實際上只有該內容在fancybox中,因此這就是您可以淡出它的原因。 您無法淡入#demoView
,因為fancybox中不存在它。
也許您只需要在(暫停)事件回調中觸發第二個fancybox
function onPause() {
froogaloop.addEvent('pause', function(data) {
$('#example4').trigger("click"); //linkfunctionality you want to show
});
}
...這會將第二個內容( #demoView
) #demoView
fancybox中,而當前內容( #divVideo
)將淡出。
現在是因為包圍demoView的 div被隱藏了嗎? 所以像...
$("#demoview").parent().css({'display','inherit'});
可以工作嗎?
為什么父母在那里? 也許您應該刪除它,並將style屬性放在demoView div上。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.