个人中心
gpt4 book ai didi

javascript - 页面加载后如何调用JQuery函数？

转载 作者：行者123 更新时间：2023-11-28 13:42:01 25 4
gpt4 key购买 nike

我有一个带有按钮的页面。当按下按钮时，会进行 AJAX 调用，然后该调用中的 html 会替换我在主页上的 div 容器。我有需要在第二页上加载的脚本。所以我担心的是，当第二页的脚本运行时，它会在控制台中给出“Object # has no method 'find'”错误。我知道这是脚本无法调用 JQuery 函数的问题。有谁知道生成第二个页面后如何调用 JQuery 函数？以下是我的页面功能的示例:

主页:

<html>
<head>
<script type="text/javascript">
$(document).ready({
    $('body').on('click', '.button', function() {
        $.ajax({
            type: 'GET',
            url: 'page.php'
            data { ... },
            success: function(e){
                $('#container').html(e);
            }
        });
    });
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<button class="button" value="Click me!"></button>
<div id="container">
</div>
</body>
</html>

PAGE.PHP:

echo '<div id="dropbox">';
echo '  <div class="message">Drop files here</i></div>';
echo '</div>';
echo '<script src="js/filedrop.js"></script>';
echo '<script src="js/upload.js"></script>';

然后，当从第二页执行脚本时，我收到 错误。如果我将脚本包含在主页上，则脚本中没有任何作用。有人知道在哪里可以为我指明正确的方向，让这一切发挥作用吗？

编辑**

很抱歉让大家感到困惑。我输入的代码只是我快速组合而成的。按钮单击代码将位于 document.ready 中，但从第二个脚本调用的其他函数不在 document.ready 中。他们是否需要处于 document.ready 回调中才能识别 JQuery 函数？

编辑2 **

感谢您澄清您可以拥有多个 Document.Ready。我将在 10 分钟窗口结束后选择答案。

最佳答案

您的脚本标签顺序错误。在使用 jQuery 之前，您必须先加载它。另外，将与 DOM 交互的所有代码放入 $(document).ready() 回调中:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('body').on('click', '.button', function() {
            $.ajax({
                type: 'GET',
                url: 'page.php'
                data { ... },
                success: function(e){
                    $('#container').html(e);
                }
            });
        });
    });
</script>

关于javascript - 页面加载后如何调用JQuery函数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17266224/

上一篇：JavaScript 坐标显示为大于图像宽度和高度

下一篇：javascript - 如何使用 Jquery onclick 获取数组的下一个元素

©2023 IT工具网  联系我们

25 4 0
文章推荐： javascript - 如何使用 Jquery onclick 获取数组的下一个元素
文章推荐： swift - 如何更改 Collection View 中的 UIbutton？
文章推荐： swift - 将数组数据追加到Struct变量中
文章推荐： html - 为什么我的 Webfonts 在 Windows 机器和 iPhone 上不显示？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com