Question

以下功能在文档加载和文档调整大小上运行：

$(window).on("resize", function () {
// code
}).resize();

当用户点击<div id="my_div"></div>？

时，如何触发此功能？

Answer 1

您可以显式创建回调函数，例如..

function callbackFn() {
  var $caller = $(this);
  // do something...
}

$(window).on('resize', callbackFn);
$('#my_div').on('click', callbackFn);

Answer 2

将您的函数移动到某个命名函数并在事件中调用它：

function myFunction () {
    alert('Working');
}

$(window).on("resize", function () {
    myFunction();
}).resize();

$('#my_div').click(function () {
    myFunction();
});

Answer 3

通过触发click事件处理程序中的resize事件来实现的一种方法是：

$('#my_div').on('click', function() {
    $(window).trigger('resize');
});

结合onload，onresize和onclick

3 个答案: