Question

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

问题是它只在页面刷新后才有效。

现在它位于 body 标记中。我应该在哪里放？如何才能使其正常工作（不要手动刷新站点）。我试过（文件）.ready但仍然没有用。

我的 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");
     });
});

非常感谢你的帮助。

Answer 1

Mike C.是对的。您的代码应该如下形成：

$(document).ready(function(){

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

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

});

Answer 2

你可以试试这个：

$(document).ready(function(){

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

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

});

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

2 个答案: