Question

请参阅以下代码：

<body>
<form id="form1" runat="server">
<div>

    <button id="helloButton">
        Search</button>
    <div id="hello">


    </div>
    <script type="text/javascript">
        $(document).ready(
        function () {

            $('#helloButton').click(function () {


                $('#hello').html('<div>hello world</div>');

            });

        });
    </script>
</div>
</form>

当我使用这个脚本时，它所做的只是flash“hello world”，它不会将它保留在页面上。这与click事件有关吗？我正在尝试单击按钮，然后将对象保留在页面上。

Answer 1

为了防止发布表单，以便您可以看到您的更改，您需要致电preventDefault()

$('#helloButton').click(function (e) {
    e.preventDefault();
    $('#hello').html('<div>hello world</div>');
});

Answer 2

否则你可以简单地做一个返回false，它会同时执行这两个操作 preventDefault和stop propagation

$('#helloButton').click(function (e) {

    $('#hello').html('<div>hello world</div>');
    return false;
});

jquery html在点击事件中消失

2 个答案: