JQuery 列表选择器行为不端

Question

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

相关代码：

func.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;
    });
});