Javascript 单击事件仅适用于第二篇文章

Javascript 单击事件仅适用于第二篇文章,javascript,jquery,Javascript,Jquery,只有在刷新页面后,以下功能才起作用。之后再次刷新页面时,页面将再次停止工作,以此类推 <button id="moreBtn" type="button" class="archive btn btn-default col-sm-12"></button> 提前感谢这是一个猜测,因为没有足够的信息来证实它。请提供完整页面的HTML/代码: 由于浏览器页面请求是无状态的(因此它无法知道它是每隔一次加载的),这听起来像是一个时间问题。HTML通常会在第一次加载时变慢,因此

只有在刷新页面后,以下功能才起作用。之后再次刷新页面时,页面将再次停止工作,以此类推

<button id="moreBtn" type="button" class="archive btn btn-default col-sm-12"></button>

提前感谢

这是一个猜测,因为没有足够的信息来证实它。请提供完整页面的HTML/代码:

由于浏览器页面请求是无状态的(因此它无法知道它是每隔一次加载的),这听起来像是一个时间问题。HTML通常会在第一次加载时变慢,因此如果JS代码没有定位在它引用的元素之后(或者在DOM就绪处理程序中),那么它可能找不到
.archive
元素。虽然这是一个时间问题,但它比“每隔一次页面加载”更可能是随机的

请尝试以下操作之一:

  • 将JS代码(或JS脚本include)放在它们引用的元素之后。关闭前的
    标记是此选项的典型标记
  • 将代码放在一个DOM就绪处理程序中,那么它的位置就无关紧要了。e、 g.例如:

    $(文档).ready(函数(){ //你的代码在这里 });

  • 或DOM ready的快捷版本:

    $(function(){
         // Your code here
    });
    

    何时何地调用
    ShowHideBtn
    ?使用.toggle()跳过这个丑陋的按钮(“:hidden”)按钮和函数之间没有链接。@你的意思是除了
    class=archive
    $(“.archove”)。在
    上?好的,我省略了一些东西。将编辑代码。