<a href doesn't fire after .Click jquery function call in IE. Works fine with Chrome and FF

Question

我的代码：

jQuery部分：

$('#yesdownloadvideo').click(function(){
var expiryTime = parseInt($('#expirytime').val());    
$('#fade, #popuprel').fadeOut()
setCookie("emailpopup","cookie already set",expiryTime);    
});

HTML部分：

<div class="yes-btn"><a id="yesdownloadvideo" href="<%=yesbuttonlink%>.html" target="_blank" style="text-decoration:none"><input type="submit" class="yesbtn-src" value="<%=yesText%>" /></a></div>

Answer 1

像这样使用preventDefault() ，

$('#yesdownloadvideo').click(function(e){
   e.preventDefault();
   var expiryTime = parseInt($('#expirytime').val());    
   $('#fade, #popuprel').fadeOut()
   setCookie("emailpopup","cookie already set",expiryTime);    
});

也像改变你的HTML

// Remove your submit button from link
<div class="yes-btn">
     <a id="yesdownloadvideo" href="<%=yesbuttonlink%>.html" target="_blank" 
         style="text-decoration:none"><%=yesText%></a>
</div>

或在link后添加提交

<div class="yes-btn">
     <a id="yesdownloadvideo" href="<%=yesbuttonlink%>.html" target="_blank" 
         style="text-decoration:none"><%=yesText%></a>
     <input type="submit" class="yesbtn-src" value="<%=yesText%>" />
</div>

Answer 2

您的HTML无效。 您不能在a中input任何a 。 从该错误恢复浏览器是不稳定的。 看来输入正在捕获IE中的点击。

您可以在其中拥有一个链接或一个提交按钮，但不能同时拥有。