Javascript在页面刷新后工作，不知道解决方案_Javascript_Jquery_Load_Refresh

Javascript在页面刷新后工作，不知道解决方案

javascript jquery

Javascript在页面刷新后工作，不知道解决方案,javascript,jquery,load,refresh,Javascript,Jquery,Load,Refresh,我在custom.js文件中有这两个非常简单的javascript 问题是它只有在页面刷新后才能工作现在它位于body标记中。我应该把它放在哪里？如何解决使其正常工作（不手动刷新站点）。我试过了（文档）。准备好了，但仍然不起作用我的HTML <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <

我在custom.js文件中有这两个非常简单的javascript

问题是它只有在页面刷新后才能工作

现在它位于body标记中。我应该把它放在哪里？如何解决使其正常工作（不手动刷新站点）。我试过了（文档）。准备好了，但仍然不起作用

我的HTML

<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://nosolution.com/js/custom.js"></script>

<span class="underline">Text</span>
<button>Change</button>

<span class="underline">Text</span>
<button class="hid">Change</button>

非常感谢您的帮助。

迈克·C.说得对。您的代码的格式应如下所示：

$(document).ready(function(){

    $("button").click(function(){
        $("span.underline").addClass("underlined");
    });

    $("button.hid").click(function(){
        $("span.underline").removeClass("underlined");
    });

});

您可以尝试以下方法：

$(document).ready(function(){

    $(document).on('click', 'button', function(){
        $("span.underline").addClass("underlined");
    });

    $(document).on('click', 'button.hid', function(){
        $("span.underline").removeClass("underlined");
    });

});

我建议使用

$（document）.ready

而不是

$（document）.on（'pageinit'，

）。另外，您不需要两个

$（document）.on（'pageinit'

。一个就可以了。谢谢你投票否决我的问题！这意味着它没有解决方案！document.ready函数也没有像我之前所说的那样工作！我没有否决你的问题。不要把它当回事。你的代码缩进很差，你没有显示你正在加载的HTML，你的措辞也不明确。这使得它成为一个很难回答的问题，并且在将来不是一个很好的资源。这就是为什么有人否决了你的问题。我了解到它的加载速度更快，也许重新加载页面/或缓存可以解决一些问题，但似乎没有解决方案-1如我所说。向我们展示你的HTML。查看你的控制台（点击F12）对于任何错误。你发布的代码都很好，如果有点非常规的话。我尝试了这个。不起作用谢谢。需要刷新才能起作用。谢谢你的回答，不幸的是它不起作用。哇！谢谢，它起作用了，但不是完美的，但它起作用了。非常感谢！我开始考虑用getScript解决这个问题，但现在它是g哦，再次感谢

$(document).ready(function(){

    $(document).on('click', 'button', function(){
        $("span.underline").addClass("underlined");
    });

    $(document).on('click', 'button.hid', function(){
        $("span.underline").removeClass("underlined");
    });

});