第一次尝试时，链接点击事件未触发按钮点击事件（仅限IE）。 第二次单击即可工作。

Question

This is driving me mad. I've got a div on my page that opens up in colorbox. When the user clicks one of the links in the div, it fires an event to the code (below) which should in turn populate the hidden field and then click a server button to run some code behind.

Problem is, in IE(9) it won't click the server button on the first attempt (yes, it does go onto the client click event). Strangely it seems to work fine in Chrome and FF.

$(document).on('click', '.link', function (e) {
    e.preventDefault();
    var thisID = $(this).attr('href').replace('#ca', '');
    $("#hiddenField").val(thisID );
    $("#button1").submit();
});

It might be worth mentioning that the links in the div that opens in colorbox is dynamically populated. But this should effect it as the click events on the links are working fine.

Any help would be appreciated.

Answer 1

It seems that proper form would be to trigger the button submit with a .trigger() , not a submit. By definition, .submit() without any additional parameters mirrors .trigger('submit') which is what you'd run on a form, not a button.

For example: $("#button1").trigger("click");

Here's the documentation on .trigger()

To me, the more logical way to submit the form would be to bypass the button altogether and .submit() the actual form itself. There may be reasons for why you're not doing this, but it seems more straightforward rather than relying on an element that could be "messed with" by the user.

Answer 2

e=e?e:window.event;
if($.browser.msie)
{ 
  e.returnValue=false; 
  e.cancelBubble=true;
 }
else
 {e.preventDefault();}

Answer 3

Try this instead:

$(document).ready(function() {
    $('.link').click(function (e) {
        e.preventDefault();
        var thisID = $(this).attr('href').replace('#ca', '');
        $("#hiddenField").val(thisID);
        $("#button1").submit();
    }
)});

Answer 4

Here is [fiddle][1] for your answer. Its working fine on all browsers.

I don't seem any issue with your code

Just moved the code in document ready function