javascript - 如何在 JQuery 的事件处理程序中使用外部函数

Question

我想做这样的事情:

                $(div).bind('click', myFunctionWithManyManyLinesOfCode(param) );

              .....

         function myFunctionWithManyManyLinesOfCode(args){
             //50 lines of Code
           }

如果我这样做，该函数将在代码到达该点时执行，并且不会在点击时执行。

如果我在绑定(bind)方法中包含函数 myFunctionWithManyManyLinesOfCode 中的代码，那么这将是一团乱码。

另外，我已经尝试过这个，但我无法引用变量，它们是未定义的

                $(div).bind('click',  function() {myFunctionWithManyManyLinesOfCode(param)} );

Answer 1

您可以通过以下方式传递任何您想要的数据。

这应该对你有用。如果有不清楚的地方请写评论。

编辑:正如评论中所述，您应该使用 on 而不是绑定(bind)。

function myFunction(e){
             console.log(e.data.id);
}
$('#example').on('click',{id: "WHATEVER"}, myFunction);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="example">Test</button>