主页 / coding / 问题 / 77104842
Accepted
Mister Sir
Asked: 2023-09-14 20:22:47 +0800 CST

仅当调用回调时才评估命名回调函数中的jquery选择器[重复]

  • 772

我有以下代码，它将 div#b 加载到 div#a 中，然后对 div#b 执行某些操作：

<html>
    <head>
      <script src="scripts/jquery.js"></script>
    </head>
    <body>
        <script>
            document.addEventListener('DOMContentLoaded', e => {
                $('#a').load('test2.html', {},
                    // function() {
                        // console.log($('#b').attr('id')); // returns "b"
                        // $('#b').html('content in #b');
                        // console.log('completed');
                    // }
                    fillB()
                );
            });
            function fillB(option=null) {
                console.log($('#b').attr('id'));//returns undefined :(
                $('#b').html('content in #b: '+option);
                console.log('completed');
            }
        </script>
        <div id="a">placeholder</div>
    </body>
</html>

其中 test2.html 包含：

<div id="b"></div>

我的目标是让回调函数（注释掉）改为命名函数 fillB()，以便我可以在其他地方重用代码。但是，当我这样做时，选择器$('#b')是undefined. 如何让函数 fillB() 在调用时正确执行选择器？

编辑：我还希望能够控制传递给fillB().

jquery

2 个回答

  1. Best Answer

    你可以这样做。它更短，并且做同样的事情，出错的地方更少

    我还将 vanilla load 事件更改为 jQuery 事件

    const fillB = () => {
  $('#b').html('content in #b');
};

$(function() {
  $('#a').load('test2.html', fillB);
});
    • 1

  2. 显然我必须在匿名函数中传递命名回调函数：

    function() { fillB(); }
    • 0

相关问题