jQuery UI Accordion不';行不通

jQuery UI Accordion不';行不通,jquery,jquery-ui,Jquery,Jquery Ui,我已经下载并安装了jQueryUI1.8.17,我尝试应用Accordion,但没有成功 我的代码如下: HTML <html> <head> <title>Document Title</title> <link href="../../css/tinyMCE/jquery_ui_wp_theme/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" /&

我已经下载并安装了jQueryUI1.8.17,我尝试应用Accordion,但没有成功

我的代码如下:

HTML

<html>
<head>
    <title>Document Title</title>
    <link href="../../css/tinyMCE/jquery_ui_wp_theme/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../../js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-ui-1.8.17.custom.min.js"></script>
    <script type="text/javascript" src="js/shortcodes.js"></script>
</head>
<body>
    <div id="codes">
        <h3><a href="#">Shortcode name</a></h3>
        <div><p>Dialog content</p></div>
        <h3><a href="#">Shortcode name</a></h3>
        <div><p>Dialog content</p></div></div>
    </div>
</body>
</html>
上述代码的问题在于,尽管手风琴被正确渲染,但它根本不起作用。这意味着,当我点击手风琴面板标题时,没有任何动作

在我的控制台中,我没有收到任何JavaScript错误,而且所有文件都正常加载。你知道怎么解决这个问题吗


您不希望就绪函数签名中包含
$

jQuery(document).ready( 
    function() 
    {         
        $('#codes').accordion(); 
    } 
); 

您可能从插件源代码复制了此模式,通常用于确保插件使用的是来自jQuery的
$
,而不是原型-您将插件声明为匿名函数,然后通过jQuery对象立即调用它。如果ready函数接受一个参数(我不确定它是否接受,但建议它是一个常规绑定事件),它将是一个事件对象而不是jQuery对象。

您不希望ready函数签名中包含
$

jQuery(document).ready( 
    function() 
    {         
        $('#codes').accordion(); 
    } 
); 

您可能从插件源代码复制了此模式,通常用于确保插件使用的是来自jQuery的
$
,而不是原型-您将插件声明为匿名函数,然后通过jQuery对象立即调用它。如果ready函数接受一个参数(我不确定它是否接受,但建议它是一个常规绑定事件),它将是一个事件对象而不是jQuery对象。

许多JavaScript库使用$作为函数或变量名,就像jQuery一样。在jQuery中,$只是jQuery的别名,因此所有功能都可以使用,而不需要使用$。如果我们需要在jQuery旁边使用另一个JavaScript库,我们可以通过调用jQuery.noConflict()将$的控制权返回给另一个库

请参见此处的示例:

jQuery.noConflict();
(function($)
{
   $('#codes').accordion(); 
})
(jQuery);

许多JavaScript库使用$作为函数或变量名,就像jQuery一样。在jQuery中,$只是jQuery的别名,因此所有功能都可以使用,而不需要使用$。如果我们需要在jQuery旁边使用另一个JavaScript库,我们可以通过调用jQuery.noConflict()将$的控制权返回给另一个库

请参见此处的示例:

jQuery.noConflict();
(function($)
{
   $('#codes').accordion(); 
})
(jQuery);

页面上是否有其他脚本或JavaScript库、插件?我不使用任何其他插件:(页面上是否有其他脚本或JavaScript库、插件?我不使用任何其他插件:(problme不是$symbol。我的控制台没有任何错误!!插件呈现正常。问题是我在这里共享的一个代码没有功能,它正在工作。problme不是$symbol。我的控制台没有任何错误!!插件呈现正常。问题是没有功能我在这里共享的ne代码正在运行