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}); }); 我已经尝试过交换订单，只有一个或两个停止工作。我浪费了很多时间试图把它钉下来，所以任何帮助都会非常感激！