Question

我无法在部分视图上单击按钮时隐藏列表。这就是我想要做的。但是下面的代码什么也没做。任何人都可以帮我这个。感谢

<script>       
     $(document).ready(function () {
        $('#resultBtn').onclick(function (e) {
            e.preventDefault();
            $('#List').hide();
            commit();
        })
      });
</script>

Answer 1

我们可能需要一个JSFiddle，脚本似乎很好，但我想问题实际上来自你的HTML5代码。无论如何，这里有一些可能有用的建议。

#resultBtn是用camelCase编写的，因此#List应为#list。另外，如果您遇到问题，请尝试点击回调函数中的console.log('something')以查看是否发生了某些事情。

哦，我终于发现了问题，如果你打开浏览器的控制台，你应该很容易找到它。 你不能在jQuery元素上onclick()，它只能click。一个好习惯可能是使用编辑 on() （或bind()），有一天你会发现它很有用。

$(function() {
    $('#resultBtn').on('click', function(e) {
        e.preventDefault();
        $('#list').hide();
        commit();
    });
});

希望这有帮助！

Answer 2

使元素不可见，但将其视为仍然存在：

document.getElementById("resultBtn").onclick = function() {
document.getElementById("List").style.visibility = "hidden";
return false;
}

隐藏元素并将其视为不存在：

document.getElementById("resultBtn").onclick = function() {
document.getElementById("List").style.display = "none";
return false;
}

Answer 3

您可以将display属性设置为none以隐藏元素

$(document).ready(function () {
            $('#resultBtn').onclick(function (e) {
                e.preventDefault();
                $('#List').css('display','none'); //<--- like here
                commit();
            })
          });

如何在按钮点击javascript后隐藏元素

3 个答案: