Question

我使用一键单击功能（）在我的项目上渲染一些图表。

代码如下

$('.abc').click(function() {
       checkGraph();
});

但是当我调整窗口大小时，此点击事件不会触发。意味着我的图表不会被渲染。

我尝试了下面的一些事情，但都没有效果

方法1

$(document).on('click','.abc',function(){
  checkGraph();
});

方法2

var crclick = (function(){
            $('.abc').click(function() {
                checkGraph();
            });
    });
    crclick();
    $(window).resize(function(){
        console.log("Window resized New");
        crclick();
    });

在方法2中，我收到console输出，但点击功能无效。

Answer 1

在窗口调整大小时使用。你只是绑定了调整大小的点击。

 $(window).resize(function(){
    checkGraph();
});

Answer 2

为什么点击会调整大小？您只是分配处理程序。

稍后您可以使用$(".abc").click();或$(".abc").trigger("click");

点击它

请注意，您可能只想点击“调整大小后”

https://stackoverflow.com/a/15170104/295783

Answer 3

调整大小和点击事件是分开的。如果您想要同时调用checkGraph，请单独绑定它们以调用checkGraph()。如果您正在将事件绑定到相同的元素，则可以在一次调用时执行此操作。

$('.abc').click(function() {
   checkGraph();
});

$(window).resize(function(){
    checkGraph();
});

我不会做其他答案中提到的.trigger方法，代码不是很清晰，可能会产生其他后果。

$（“。abc”）。click（）无法处理窗口大小调整

3 个答案: