如何刷新“div”每当单击页面中的元素时 - jquery

Question

我想在任何表单元素上发生单击事件时重新加载元素。谁能帮我解决 jquery 语法问题？ 类似

function addClickHandlers() { $.publish('refreshDiv'); }

其中div的reloadTopic设置为refreshDiv，

谢谢

Answer 1

点击事件会冒泡，因此您只需在表单元素上设置事件即可：

$('#myForm').click(function () {
    $.publish('refreshDiv'); 
});

您还可以使用 .delegate() 来仅捕获表单中某些元素的点击：

$('#myForm').delegate("input, select, textarea", "click", function () {
    $.publish('refreshDiv'); 
});

Answer 2

为每个元素添加一个处理程序。

$('*').click(function () {
    $.publish('refreshDiv'); 
    return false; // to stop it from bubbling as we already handled it here.
});

Answer 3

我不知道发布，我从来没有在 jquery 中见过这种代码，但如果你想重新加载整个页面，那么你可以做以下事情

<button id="PageRefresh">Refresh a Page in jQuery</button>

<script type="text/javascript">

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

              location.reload();

    });

</script>

，如果你想重新加载特定的 div 那么我认为你应该在 jquery 中使用 ajax 并重新加载 html在分区中。

$.post("/page", frm.serialize(), function(data) {
                    $("#ReminderProjectCount").html(data);
            });

Answer 4

好吧，我可以用两种方式解释您的文本：

1）在作为表单元素子元素的任何元素上执行 $.publish

$('form').children().click(function(){
   $.publish('refreshDiv');
});

2）在所有元素上执行 $.publish 表单元素（例如复选框、单选按钮等）

$('form').find('input').click(function(){
   $.publish('refreshDiv');
});

就像Andy E.建议的那样，它在委托点击事件方面具有更好的性能，因此绑定的事件处理程序更少。

3）

$('form').delegate('input', 'click', function(){
   $.publish('refreshDiv');
});