调用两种类型的jquery - IE中的问题

Question

Firefox工作正常，Opera很棒，Chrome也运行良好。 IE是问题。它似乎是IE的任何版本。

该网站是http://s91532.gridserver.com，无论您点击哪个地方，它都会从顶部降低我们的JavaScript菜单。

当你将鼠标悬停在图片它会显示正确的路径和一切，但是当你点击它刚刚落下部指数下拉

我已删除违规的jQuery这是一个旧版本的，我现在只是想问下面的代码是site.js：

jQuery.noConflict(); 

jQuery(document).ready(function(){ 
    $('p#minguide-link a').click(function(){ 
     if ($('#index-wrapper').is(':hidden')) { 
     $('#index-wrapper').slideDown('medium'); 
     $('p#minguide-link a').addClass('down'); 
     return false; 
     } else { 
     $('#index-wrapper').slideUp('medium'); 
     $('p#minguide-link a').removeClass('down'); 
     return false; 
     } 
    }); 

    var group_width = $('li#nav_groups ul').width(); 
    var group_adj = ((group_width*-1)/2)+79; 
    var care_width = $('li#nav_care--serve ul').width(); 
    var care_adj = ((care_width*-1)/2)+79; 
    var sermon_width = $('li#nav_sermons ul').width() + 2; 
    var sermon_adj = ((sermon_width*-1)/2)+79; 

    $('li#nav_groups.current ul').css({"left":"auto", "margin-left":group_adj}); 
    $('li#nav_care--serve.current ul').css({"left":"auto", "margin-left":care_adj}); 
    $('li#nav_sermons.current ul').css({"left":"auto", "margin-left":sermon_adj}); 
}); 

只有这样被称为没有任何反应。从我所知道的看来，它现在已经在IE中修复了。

现在我如何才能正确调用site.js，使菜单正确下拉。

Answer 1

没有任何有用的信息（而不是链接除外），所有我能做的就是指向你的这篇文章：

http://codex.wordpress.org/Function_Reference/wp_enqueue_javascript/

您应该使用1.4.2。我从来没有遇到任何问题。你正在调用jQuery的冲突版本，所以只需使用更好的版本。

另外，site.js在兼容模式下不使用jQuery。你应该是第一线更改为

jQuery(document).ready(function(){

不

$(document).ready(function(){

编辑

您的网站是在无冲突的模式下运行。你必须在site.js的开头去掉$。它在发生任何事情之前抛出一个错误。要解决这个问题，您只需将第一个$更改为jQuery即可。虽然所有其他$都很好。

这里是jQuery 1.4.2中的site.js。用这个替换整个文件的内容：

jQuery(document).ready(function() { 
    $('p#minguide-link a').click(function(){ 
     $('#index-wrapper').slideToggle(); 
     $('p#minguide-link a').toggleClass('down'); 
     return false; 
    }); 

    var group_width = $('li#nav_groups ul').width(); 
    var group_adj = ((group_width*-1)/2)+79; 
    var care_width = $('li#nav_care--serve ul').width(); 
    var care_adj = ((care_width*-1)/2)+79; 
    var sermon_width = $('li#nav_sermons ul').width() + 2; 
    var sermon_adj = ((sermon_width*-1)/2)+79; 

    $('li#nav_groups.current ul').css({"left":"auto", "margin-left":group_adj}); 
    $('li#nav_care--serve.current ul').css({"left":"auto", "margin-left":care_adj}); 
    $('li#nav_sermons.current ul').css({"left":"auto", "margin-left":sermon_adj}); 
}); 

此外，我真的建议你看看jQuery's API。这是非常容易学习和非常直观地组织/布局。搜索是一件轻而易举的事情。

Answer 2

马修，更换了的jQuery 1.4脚本标记了jQuery 1.3脚本标签，请确保所有其他脚本标签被放置在jQuery脚本标记之后;）

Answer 3

我要重申的是你做的一切合作的强烈推荐向上最新版本的库，但你可以试试这个：包括老的jQuery，那么这条线之后补充一点：

<script> 
    jQuery.noConflict(); 
</script> 

然后包括修改网站。js文件，更改如下：

jQuery(function($) { 
    // existing code 
});