javascript - 如何从包含的 js 文件引用 html 元素

Question

我创建了这个测试用例，它按预期工作:

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="site.js"></script>

<script>
function click_me() {
    deActivateButton("Please wait ..", "#btnX");
    activateButton("Click me 2", "#btnX");
}
</script>

<button type="button" id="btnX" onclick="click_me(); return false;">Click me
</button>

然后在 site.js 中保留两个小函数来停用/激活我的按钮:

function deActivateButton(btnText, id) {
    $(id).text(btnText);
    $(id).prop("disabled", true);
}

function activateButton(btnText, id) {
    $(id).text(btnText);
    $(id).prop("disabled", false);
}

这工作正常，但当我在应用程序中使用代码时失败。我正在使用带有母版页的网络表单。母版页加载包含文件:

<%Response.WriteFile("Content/Files/master_include_head.html");%>

然后在 master_include_head.html 中我包含实际的 JavaScript 函数，如下所示:

<script src="site.js"></script>

我在这里做错了什么？没有错误消息，它就死了。我是否应该能够通过此设计引用单击的按钮的 id，或者由于我包含文件的方式而丢失了对按钮的引用？会不会是缓存问题？

Answer 1

您不是只是设置然后清除然后立即清除代码中的值吗？

那么您是在激活按钮后立即停用按钮吗？

只是一个小注释。为什么不使用 jQuery 附加点击事件，如下所示:

$("#btnX").click(function(e) {
     // Do stuff
});

旁注。我不确定是否需要返回 false； onclick 中的声明。通常，这仅包含函数名称。返回假；可以在函数中使用来防止事件冒泡，因为您已经设置了它，我不确定它会产生任何效果