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

【问题标题】：Javascript works after page refresh, not knowing the solution页面刷新后Javascript工作，不知道解决方案
【发布时间】：2016-04-29 15:53:50
【问题描述】：

我在 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>

我的 javascript

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

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

非常感谢您的帮助。

【问题讨论】：

我建议使用$(document).ready 而不是$(document).on('pageinit',。此外，您不需要两个$(document).on('pageinit'。一个就可以了。
感谢您投票否决我的问题！这意味着它没有解决方案！ document.ready 函数也不能像我之前说的那样工作！
我没有否决你的问题。不要这么个人化。您的代码缩进很差，您没有显示您正在加载它的 HTML，并且您的措辞含糊不清。这使得它成为一个难以回答的问题，并且在未来不是一个很好的资源。这就是为什么有人反对你的问题。
我读到它的加载速度更快，也许页面/或缓存重新加载应该以某种方式解决，但似乎没有解决方案只是 -1
就像我说的。向我们展示您的 HTML。查看控制台（按 F12）是否有任何错误。你发布的代码很好，如果有点不合常规的话。

标签： javascript jquery load refresh

【解决方案1】：

你可以试试这个：

$(document).ready(function(){

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

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

});

【讨论】：

感谢您的回答，不幸的是它不起作用。
哇！谢谢，这可以工作，但并不完美，但它可以工作。非常感谢！，我开始考虑用 getScript 解决这个问题，但现在很好。再次感谢

【解决方案2】：

迈克 C. 是正确的。你的代码应该这样形成：

$(document).ready(function(){

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

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

});

【讨论】：

我试过了。不工作谢谢。需要刷新才能工作。