Javascript 锚定标签不工作

我在列表中使用了不同的锚标记，但由于附加到该列表的JavaScript文件，它无法工作。当我删除JavaScript文件时，它可以工作，但我也必须包含我的JavaScript。有没有一种方法可以使用相同的JavaScript文件并使锚定标记正常工作

function prepareList() {
     $('#expList').find('li:has(ul)')
         .click(function (event) {
         if (this == event.target) {
             $(this).toggleClass('expanded');
             $(this).children('ul').toggle('medium');
         }
         return false;
     })
         .addClass('collapsed')
         .children('ul').hide();
     $('#expandList')
         .unbind('click')
         .click(function () {
         $('.collapsed').addClass('expanded');
         $('.collapsed').children().show('medium');
     })
     $('#collapseList')
         .unbind('click')
         .click(function () {
         $('.collapsed').removeClass('expanded');
         $('.collapsed').children().hide('medium');
     })
 };
 $(document).ready(function () {
     prepareList()
 });

我还附加了

jquery-1.4.2.min.js

文件

以下是我的html代码：

<div id="listContainer">
            <ul id="expList">
                <li>
                    <p class="exp1">INDUSTRIAL</p>
                    <ul>
                        <li>
                            <p class="exp1"><a href="fire-fighting-gallery.html">APPARELS</a></p>

                            <ul class="italic">
                                <li>
                                    <a>Coveralls</a>
                                </li>
                                <li >
                                    Uniforms
                                </li>
                                <li >
                                    <a href="fire-fighting-gallery.html">Aprons</a>
                                </li>
                                <li >
                                    Trousers
                                </li>
                                <li >
                                    Kevlar Lined Denim Jeans
                                </li>
                            </ul>
                        </li>
                        <li>
                            <p class="exp1">GLOVES</p>
                            <ul class="italic">
                            <li >Seamless</li>
                            <li>Cut & Sewn</li>
                            <li>Leather</li>
                            <li>Mechanics</li>
                            </ul>
                        </li>
                        <li>
                            SLEEVES

                        </li>
                    </ul>
                </li>


            </ul>
        </div>

工业







裤子


芳纶衬里牛仔服




手套


无缝
裁剪
皮革
力学



袖子

如果没有看到链接到页面的javascript文件，我无法告诉您锚定标记无法工作的原因

如果在包含javascript文件后放置此链接，则链接应正常工作

如果在页面加载（动态数据）后创建了任何锚，只需调用

Links（）

应用onclick事件处理程序，或者您可以在创建锚定标记时手动添加

addEventListener（'click'，锚定，false）

函数链接（）{
//获取所有锚元素
var a=document.getElementsByTagName（'a'）；
//遍历找到的每个锚元素。
对于（var i=0；i您已将
tag
id拧紧到：

 $('#expList') // <-- it was #expandList
     .unbind('click')
     .click(function () {
     $('.collapsed').addClass('expanded');
     $('.collapsed').children().show('medium');
 })

$（“#expList”）//请为此准备JSFIDLE。如果没有看到此javascript文件阻止您的定位标记与工作人员接触，这对您没有帮助。请您使用相关源代码或JSFIDLE编辑您的问题。这是我在stackO上看到的最难看的代码格式。如果您确实需要帮助，请提供清晰易读的帮助materials.Use！您需要在问题中提供完整的HTML代码和JS代码，指出错误发生的位置，以便其他人理解和回答。很抱歉给您带来不便@urahara，我更新了我的问题
 $('#expList') // <-- it was #expandList
     .unbind('click')
     .click(function () {
     $('.collapsed').addClass('expanded');
     $('.collapsed').children().show('medium');
 })