Tag: 冲突

选择选项卡和onselect代码冲突 – 无限重新加载页面

我使用JQueryUI TABS插件。 有我的标签结构。 TabGroup1 TabGroup2 TabGroup1-link1 TabGroup1-link2 TabGroup2-link1 TabGroup2-link2 当选择选项卡时，我使用此类代码选择并加载选项卡中的第一个链接。 它自己工作。 $(function() { $( “#tabs” ).tabs(); // Activate first link on tab $( “#tabs” ).bind( “tabsselect”, function(event, ui) { window.location.href = $(ui.panel).find(‘a:first’).attr(‘href’); }); }); 但在我的任务中，通过URL参数选择制表符的附加代码非常有用。 因此，如果访问者从第二个选项卡组打开链接，则必须显示第二个选项卡，而不是默认的第一个选项卡。* 我有工作代码，当加载此选项卡的链接时显示正确的选项卡（没有AJAX或类似的，只是ussual链接）。 $URL[‘part’]是变量我从引擎中的URL接收，这可以单独工作。 <?php if(@$URL['part']=='part2'){ echo '$(function() { $(“#tabs”).tabs(“select”,”#tabs-2″); });’; } ?> 但是，当我使用这两个代码块时，它会导致页面无限重新加载:-( 更新： 请注意，两个代码块都使用SELECT事件，这就是循环发生的原因。 UPDATED2： 我想，如果在选择选项卡时使用ONCLICK加载链接，并且由于URL设置而在激活选项卡上使用SELECT，则可以解决问题。 但我不知道如何在代码中写这个。

jQuery Toggle函数与Mouseup冲突

我正在尝试创建一个下拉菜单，可以使用切换按钮打开和关闭它，也可以通过单击文档本身的任何位置来关闭它。 当某人点击“切换”按钮时，菜单会正常打开。 如果访问者然后单击文档上的任何其他位置，菜单将关闭， 但需要2次单击才能再次激活该按钮的切换function。 当然，我想将其减少到1次点击 。 查看http://jsfiddle.net/MEweN/3/以解决此问题。 有人可以帮帮我吗？

两个jQuery插件在同一页面上冲突

我有两个jQuery插件在同一个文件上工作。 一个是jquery.autocomplete.js ，另一个是jquery.thumbnailScroller.js 。 问题是当我在同一个文件上使用两者时，自动完成function根本不起作用，而且thumbnailScroller工作正常，但是如果没有thumbnailScroller插件，效果相同。 现在，当我浏览js文件时，我得到了$.fn. 在两个文件中。 但是，由于这个或其他原因，我不知道是什么问题。 我也在google和stackoverflow中搜索过，但我没有得到正确的解决方案。 请指导我

在同一页面中同时使用Prototype和jQuery的问题

当我使用jquery脚本进行内联窗口和原型来设置菜单时，我遇到了冲突。 当我使用其中一个工作正常。 但是，当我同时使用它们时，只有原型才有效。 我读了一个关于jquery.noconflict的内容，但我可以正确使用它。 那些是脚本。 这是我的jquery脚本（内联窗口） $(document).ready(function(){ //When you click on a link with class of poplight and the href starts with a # $(‘a.poplight[href^=#]’).click(function() { var popID = $(this).attr(‘rel’); //Get Popup Name var popURL = $(this).attr(‘href’); //Get Popup href to define size //Pull Query & Variables from href URL var query= popURL.split(‘?’); var dim= […]

jQuery没有冲突仍然与其他版本的jQuery冲突

我正在尝试使用estalge视图框运行双滑块插件。 他们都使用jQuery，并单独工作，但当我把它们放在一起时，一个打破。 我试过实现jQuery没有冲突规则，但我想我可能会遗漏一个小细节。 到目前为止，我的编码如下： $.noConflict(); jQuery(document).ready(function($) { jQuery(‘#etalage’).etalage(); }); $(“.carousel”).dualSlider({ auto:true, autoDelay: 6000, easingCarousel: “swing”, easingDetails: “easeOutBack”, durationCarousel: 1000, durationDetails: 500 }); 任何帮助将不胜感激。 谢谢

jQuery没有冲突模式如何工作？

任何人都可以一劳永逸地向我解释jQuery没有冲突模式。 根据我的阅读，它将解决jquery脚本冲突的问题，但我不确定如何实现它以及它正在解决的冲突？ 我在这里使用了很多脚本，这些脚本随着时间的推移而累积起来。 然而现在，这有点乱，我想知道是否有人可以建议我如何摆脱脚本之间的任何冲突问题。 目前，’datepicker’脚本不起作用。 但是，如果我将’datepicker’向上移动到页面上，它确实有效，但是其他东西没有，我尝试了所有组合，并且不能让所有脚本同时运行。 这是我的所有脚本（我删除了任何html或css，希望尽可能清楚）。 也许有些可以组合在一起使它变得更加整洁？ jQuery冲突模式会解决这些冲突问题吗？ 我的代码如下： $(document).ready(function(){ $(‘.menuitem img’).animate({width: 155, ‘padding-top’ : 100}, 0); $(‘.menuitem’).mouseover(function(){ gridimage = $(this).find(‘img’); gridimage.stop().animate({width: 200, ‘padding-top’: 0}, 500); }).mouseout(function(){ gridimage.stop().animate({width: 155, ‘padding-top’: 100}, 300); }); }); $(document).ready(function(){ //Examples of how to assign the Colorbox event to elements $(“.group1”).colorbox({rel:’group1′}); $(“.group2″).colorbox({rel:’group2′, transition:”fade”}); $(“.group3″).colorbox({rel:’group3′, transition:”none”, width:”75%”, height:”75%”}); $(“.group4”).colorbox({rel:’group4′, slideshow:true}); […]

使用jquery和prototypejs时，有什么方法可以从全局范围中删除所有prototypejs变量而不是jquery

我知道我们可以使用jQuery.noConflict（）来解决2个库之间的冲突，但是我想将$用于jquery和其他用于prototypejs的东西。 有没有办法做到这一点？

jQuery UI和Prototype冲突

我在Perl的网站上添加了一个新表单（不是我的选择）。 有很多html自动生成表单来创建一致的外观。 我的问题在于遗产在整个页面中使用原型进行各种操作（包括加载）。 但是我想使用jQuery，主要是来自jQuery UI的日期选择器。 我可以通过使用jQuery.noConflict（）;来避免冲突。 但我仍然得到一个错误，因为jQuery日期选择器javascript中的一行代码。 inst.dpDiv.zIndex($(input).zIndex()+1); 看看它是如何仍然包含$符号，原型试图处理但不能。 有没有人对我有任何解决方案？ 我正在使用jQuery 1.5和jQuery UI 1.8.6。 总结：我无法删除prototype.js，我更喜欢使用jQuery UI datepicker和jQuery UI datepicker不处理jQuery.noConflict（）。 谢谢 编辑只有当我尝试单击按钮显示日期选择器时才会发生这种情况。 来自萤火虫： $(input).zIndex is not a function inst.dpDiv.zIndex($(input).zIndex()+1); datepicker.js (line 651) 编辑编辑更新到jQuery UI 1.8.9不会改变问题。 编辑编辑编辑单击按钮以显示日期选择器时会出现此问题。 所以在加载时，datepicker设置得很好。 更改脚本的顺序不起作用，以下代码的任何变体也不起作用。 (function($) { $(function() { // more code using $ as alias to jQuery }); })(jQuery);

Jquery-Mootools冲突

我一直试图让2个脚本（1个mootol和1个jquery）在同一页面上工作无济于事。我正在研究很多论坛，但我仍然无法让2个同时工作。 这是它在我的标题中的样子： <script type="text/javascript" src="/wp-content/plugins/buddypress/bp-themes/bp-default/js/jquery-1.4.2.min.js”> jQuery.noConflict(); $(document).ready(function () { var hide = false; $(“#posts-menu, .submenu”).hover(function(){ if (hide) clearTimeout(hide); $(“.submenu”).fadeIn(); }, function() { hide = setTimeout(function() { $(“.submenu”).fadeOut(“slow”); }, 250); }); })(jQuery); <script type="text/javascript" src="/wp-content/plugins/buddypress/bp-themes/bp-default/js/mootools-core-1.3.2.js”> <script type="text/javascript" src="/wp-content/plugins/buddypress/bp-themes/bp-default/js/mootools-more-1.3.1.1.js”> <script type="text/javascript" src="/wp-content/plugins/buddypress/bp-themes/bp-default/js/wall.js”> <script type="text/javascript" src="/wp-content/plugins/buddypress/bp-themes/bp-default/js/wall-lide.js”> 我管理mootools脚本工作，即使是jquery.js调用…你可以看到我已经使用了jQuery.noConflict(); 在第3行.. 问题是，如果jquery.noconflict存在，但moquool脚本无效，但jquery脚本不起作用！ 现在如果删除jquery.noconflict它现在反过来，jquery脚本工作但不是mootool脚本..我只是无法使其中的2个工作！ 任何forms的帮助将不胜感激..

我是否使用jQuery noconflict来避免插件冲突？

更新：我发现jquery.bxslider插件本身克隆并追加/ 预先导致问题的LI。 虽然没有解决方案，除了可能使用另一个脚本:( 我不得不将jQuery插件彼此部分冲突， Boxslider （图像滑块）和Colorbox （灯箱）。 它们都有效，但滑块脚本以某种方式广告到灯箱，因此第一个和最后一个图像重复两次。 如果您查看示例页面，这将更容易理解。 您会看到滑块中有3个图像，但打开灯箱时会显示5个图像。 我已经尝试过noconflict()运气了，但这完全阻止了任何工作。 经过一些搜索，我假设有一些命名空间问题，但我不知道在哪里或如何调试它。 我正在使用的脚本是 $(document).ready(function(){ $(‘#gallery’).bxSlider({ auto: true, wrapper_class: ‘gallery-holder’, auto: false, speed: 100, pager: true, next_text: ‘next’, prev_text: ‘back’ }); }); $(window).load(function(){ $(“#gallery a[rel=’group’]”).colorbox({maxWidth:”80%”, maxHeight:”80%”, scalePhotos: true}); }); 我已经尝试过交换订单，只有一个或两个停止工作。 我浪费了很多时间试图把它钉下来，所以任何帮助都会非常感激！