Question

我是javascript / jQuery的新手。

我有一个带有div的html文件，其中包含一个按钮，应该隐藏在文档加载中，并通过单击链接显示。

问题是在显示div后，整个div是可点击的。确切地说，它是指向同一页面的链接。我为div的显示属性使用了不同的值，例如阻止，内联，内联阻止，但问题仍然存在。

另一个问题（似乎与第一个问题有关）是点击按钮不起作用。

这是我档案的正文部分：

<body>
    <section>
        <header><h1>Welcome!</h1></header>
        <nav>
            <ul>
                <li id="viewER"><a href="#">View an ER Diagram</li>         
            </ul>
        </nav>
    </section>
    <div id="diaSelect">
        <p>Choose a diagram:</p> 
        <p>
        <select id="sel">
        </select>
        </p>
        <p>
        <button id="show" type="button"></button>
        </p>
    </div>

    <script>
        $(document).ready(function(){

            $("#viewER a").click(function() {
                    if ($("#diaSelect").is(':hidden'))
                        $("#diaSelect").css('display', 'inline-block'); 
                    $("#diaSelect").find('option').remove();
                    listModelFiles();
                    $("#show").text("View");
            });

            $("#diaSelect").css('display', 'none');

            $("show").on("click", function(){
               ...
            });

        });                     
    </script>
</body>

listModelFiles（）为select添加选项。

Answer 1

您的锚标记已打开，这可能导致我们无法预测的各种问题（例如，锚点后面的内容可能会在锚点内呈现）。

解决方案是正确关闭您的标签。

<li id="viewER"><a href="#">View an ER Diagram</a></li>

Answer 2

按钮点击无效，因为您忘记在scrpit中输入＃之前的名称

from_omniauth

应该是：

$("show").on("click", function() {
    ...
});

为什么整个div都可以点击？

2 个答案: