点击不会在第一次点击SquareSpace时触发

时间:2016-11-09 01:28:49

标签: javascript jquery

我想知道为什么我的代码在第一次点击时没有工作,流程是当我点击网站上的标题标题时,它假设是打开新窗口覆盖弹出窗口阻止程序,但它仅在第二次触发时触发点击标题。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script> 
  $(document).ready(function(){
    $('a[href$="exbound/"]').click(function(){
      window.open ('externalsite.com', 'newwindow', config='height=600, width=800, '
        + 'toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, '
        + 'directories=no, status=no');
    });
  });
</script>

2 个答案:

答案 0 :(得分:0)

这是工作代码

     $(document).ready(function(){
          $("a[href$='exbound/']").click(function(){
           window.open("http://externalsite.com", "_blank", config='height=600, width=800, '
    + 'toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, '
    + 'directories=no, status=no');
     });
    });

此处的工作代码http://codepen.io/UserIsMonica/pen/zovvEp

答案 1 :(得分:0)

我最终将类添加到标题链接

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jque‌​ry.min.js"></script>
<script> 
	$(document).ready(function(){
		$('a[href$="exbound/"]').addClass('popup');
		$(".popup").click(function(){
			window.open ('xternalsite.com', 'newwindow', config='height=600, width=800, '
			+ 'toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, '
			+ 'directories=no, status=no');
		});
	});
</script>

并且最初也是第二次点击,我意识到注入代码是错误的,应该在所有标题页中,但我只将它们放在我想要点击它的页面中。