javascript - JQuery 列表选择器行为不端

Question

我知道很多人都问过有关选择器的问题，但无论我做什么看起来都不错，但最终还是无法正常工作。我有一个动作列表。每当单击它们的“文件夹”时，就会显示或隐藏这些动作。当点击动作本身时，我不希望他们再次隐藏......但是他们这样做了。谁能看到我的问题是什么？我尝试了很多变化；也许只是晚了。

相关代码：

函数.js

$(function() {
    $(".menuitems").hide();

    $("#dmenu li").not(".menuitems li").click(function() {
        $(this).children(".menuitems").slideToggle();
    });

    $(".menuitems").children("li").click(function() {
        $.get("aux/" + $(this).text() + ".html", function(data) {
            $("#content").html(data);
        }, "text");
    });
});

main.html

<div id="content">
All contents come here!!
</div>

<div id="leftnavigation">
<h3>Options</h3>
<ul id="dmenu" style="list-style-type:none; margin-left:-50">
    <li>__Registration
        <ul class="menuitems">
            <li>FindExisting</li>
            <li>CreateNew</li>
        </ul>
    </li>
</ul>
</div>

Answer 1

你想查看所有里面有 .menuitems 的 li 元素，你可以这样做：

$(function() {
    $("#dmenu li:has(.menuitems)").click(function() {
        $(this).children(".menuitems").slideToggle();
    });
    $(".menuitems").hide().find("li").click(function() {
        $.get("aux/" + $(this).text() + ".html", function(data) {
            $("#content").html(data);
        }, "text");
      return false;
    });
});