Question

我的HTML <body>中有以下内容

<div class="exact">
<div> <a id ="button_some_id" href="#"> Toggle Hidden </a></div>
<div id="item_some_id" hidden>This is hided</div>

<script type='text/javascript'>
$("#button_some_id").click(function() {$("#item_some_id").toggle();});
</script>
</div>

Link to jfiddle

这里的想法是我希望有人能够点击Toggle Hidden链接，它会显示一些隐藏的内容（当再次点击它时，隐藏它）。但是javascript没有被触发。非常感谢任何帮助

Answer 1

您还没有将JQuery或JQuery UI输入到您的JSFiddle资源中。一旦把它们放进去，就可以了：

https://jsfiddle.net/tj8o8gwf/2/

$("#button_some_id").click(function() {$("#item_some_id").toggle();}); //works fine

查看小提琴左侧的外部资源部分。

Answer 2

您还需要确保已加载DOM。

\wamp

Answer 3

您需要确保输入jQuery

$(document).ready(function () {
    $("body").on("click", "#button_some_id", function () {
        $("#item_some_id").toggle();
    });
});

Answer 4

试试这个

//HTML
<div class="toBeHidden" hidden>This is hided</div>



//JS inside your click
if ($(".toBeHidden").is(":visible"))
{
    $(".toBeHidden").hide('slow');
}
else
{
    $(".toBeHidden").show('slow');
}

使用javascript显示隐藏的HTML元素

4 个答案: