FancyBox不使用JQuery Tootltips
有一个大型网站使用Fancybox来显示所有细节屏幕。尝试添加JQuery Tootltip小部件,FancyBox停止工作。试图找出我需要哪些脚本和rel来让它们都工作 包括(HTML标题): })) 奇特的弹出代码(HTML):FancyBox不使用JQuery Tootltips,jquery,fancybox,tooltip,incompatibility,Jquery,Fancybox,Tooltip,Incompatibility,有一个大型网站使用Fancybox来显示所有细节屏幕。尝试添加JQuery Tootltip小部件,FancyBox停止工作。试图找出我需要哪些脚本和rel来让它们都工作 包括(HTML标题): })) 奇特的弹出代码(HTML): 关闭正文标记前的HTML代码: <script> $( document ).tooltip(); </script> $(document.tooltip(); 您包括两个版本的jQuery,即v1.4和v1.10。Fancybox
关闭正文标记前的HTML代码:
<script>
$( document ).tooltip();
</script>
$(document.tooltip();
您包括两个版本的jQuery,即v1.4和v1.10。Fancybox不适用于第二个(请参阅)您有两个选择:对所有插件只使用一个版本的jQuery,最好是v1.8.3,或者使用固定的Fancybox v1.3.4,就像在参考链接中一样。我尝试了1.8.3,工具提示起作用,Fancybox a链接起作用,但我已经弹出了停止工作的Fancybox(下面的示例)。最新版本的jquery可以使用工具提示,但不是fancybox 1.3.4,jquery 1.4不能使用工具提示。。。。啊。一些内容
$(document).ready(function() {
$("a.flex").each(function(){
var dWidth = parseInt($(this).attr('href').match(/width=[0-9]+/i)[0].replace('width=',''));
var dHeight = parseInt($(this).attr('href').match(/height=[0-9]+/i)[0].replace('height=',''));
$(this).fancybox({
'width':dWidth,
'height':dHeight,
'autoScale' : false,
'overlayColor' : '#000',
'overlayOpacity' : 0.6,
'hideOnOverlayClick': false,
'hideOnContentClick': false,
'transitionIn' : 'fade',
'speedIn' : 5,
'transitionOut' : 'fade',
'speedOut' : 5,
'type' : 'iframe',
'scrolling' : 'no',
'margin' : 0,
'padding' : 0
});
});
<a class='flex' href="res-new.php?width=550&height=325"><div title='Create New Reservation' class="butnew"> </div></a>
<script>
$( document ).tooltip();
</script>