Jquery 只有当按钮放置在所有div标记之外时，单击才有效

我正在尝试使一个简单的jquery切换生效。它出人意料地复杂

这是我的脚本，我把它放在文档的开头

$(document).ready(function(){
    $("button").click(function(){
        $("#abc").toggle();
    });
}); 

如果我将按钮放在

标记后面的任何位置（就像在另一个div中），单击时不会发生任何事情

<button>Click me</button>

点击我

jquery正在正确加载（根据控制台）

我把所有东西都放在

文档中。准备好了

在我的html文件中有一个带有
id=“abc”
的
div

怎么了

我把整个密码都放在这把小提琴里了
它是有效的。
在mozilla的localhost/（ubuntu服务器）上，它仍然不起作用。
我不会用这个按钮来实现这个功能。也许你应该试试这个：

一,

HTML

或

二,

HTML


希望这有帮助
 根据上面的代码，它应该可以工作。您需要发布更多代码，到目前为止，您的代码是有效的。这里有一个工作提琴，使用的代码正是您在
div
内的按钮发布的代码：请将尽可能多的代码放在提琴中，然后您的代码工作正常-您需要创建一个再现问题的最小示例。我猜您可能有一个标记验证问题，这可能是导致问题的原因。基于什么原因，您提出了这个混乱的解决方案？
<button onclick='clicked'>Click me</button>

function clicked(){
    $("#abc").toggle();
}

<div class = 'button'>Click me</div>

$(".button").click(function(){
    $("#abc").toggle();
});