Javascript jqueryonclick只工作一次

我有一个button onclick事件，它可以很好地工作，如下所示：

//创建函数以删除弹出打开的类 //onclick属性中使用的函数 功能${ $.fn.popupClose=函数{ $body.removeClass弹出窗口打开 $.overlay_btn.removeclass弹出窗口打开； 归还这个； }; }jQuery； //如果存在 //onclick读取按钮ID值 //添加弹出打开类，以IDvalue作为类，并具有fadein效果 如果$button.popup.length { $button.popup.click函数 { var btnId=$this.attr'id'； $body.hide.addClass弹出窗口open.fadeIn100； $.+btnId.hide.addClass弹出窗口open.fadeIn200； } ; } 如果$button.link.length { $button.link.click函数 { var btnformation=$this.attr'formaction'； var btnTarget=$this.attr'formtarget'； //警报信息； window.openbtnformation，btnTarget； } ; } 钮扣{ 填充：10px； 字体大小：1.5rem； 背景色：d5d5d5； 边框：3倍实心ddd； 利润率：15px； 盒影：0px 0px 15px 88888； 光标：指针； } 按钮：悬停{ 盒影：0px 0px 10px 88888； } 正文：之后{ 内容：； 显示：无； 位置：固定；/*也可以是绝对值*/ 排名：0； 左：0； 身高：100%； 宽度：100%； z指数：10； 背景：rgba0,0,0,0.6； } .overlay_btn{ 显示：无； 填充：10px； 宽度：300px； 高度：200px； 位置：固定； 最高：50%； 左：50%； 利润上限：-100px； 左边距：-150px； 背景色：fff； 边界半径：5px； 文本对齐：居中； z指数：比覆盖层高11；/*1px*/ } body.popup open：在.popup open之后{ 显示：块； } 弹出按钮1 您的内容标题1 你的内容1

弹出按钮2 你的内容标题2 你的内容2

链接按钮3 在这里，您有一个JS更少的等价物，但有更多的CSS更少：

将.click方法替换为.on方法，并将它们放在页面底部的$document.ready中

在您的情况下，可以使用下面的内容，而不是if$button.link.length

$("body").on('click', 'button.link', function(){ 
    var btnFormAction = $(this).attr('formaction');
    var btnTarget = $(this).attr('formtarget');
    window.open(btnFormAction, btnTarget);        
});

总的来说，您的脚本应该如下所示

$(document).ready(function(){
    $("body").on("click", "button.popup", function(){ 
      var btnId = $(this).attr('id');
      $( "body" ).hide().addClass( "popup-open" ).fadeIn(100);
      $( "."+ btnId ).hide().addClass( "popup-open" ).fadeIn(200);
    }).on('click', 'button.link', function(){ 
      var btnFormAction = $(this).attr('formaction');
      var btnTarget = $(this).attr('formtarget');
      window.open(btnFormAction, btnTarget);        
    });

    $.fn.popupClose = function() {
      $( "body" ).removeClass( "popup-open" )
      $( ".overlay_btn" ).removeClass("popup-open");
      return this;
    };
});

我在你的网站上测试了它，之后它似乎开始工作了。我想我被重定向到了登录页面

---

希望这能有所帮助。

但是Ga naar aanmelden不是一个可以导航到其他链接的网站。你在使用某种类型的插件或库吗？否则，正如Dhiraj所说，您没有使用锚定标记。按钮不会把你带到任何链接，你需要用一个标签来代替JavaScript正在做的事情去做onclick。