开发者

plugin to make the method "click" cross-browser

开发者 https://www.devze.com 2023-02-20 19:14 出处:网络
I made this plugin to make the method \'[0].click()\' cross-browser, but I can not work in Firefox, the current version I have in Firefox is 3 .6. 16. The other browsers (Opera / Chrome / Safari / IE)

I made this plugin to make the method '[0].click()' cross-browser, but I can not work in Firefox, the current version I have in Firefox is 3 .6. 16. The other browsers (Opera / Chrome / Safari / IE) works well.

HTML:

<a href="#" id="myanchor">z</a>

<ul>
   <li id="1">1</li>
   <li id="2">2</li>
   <li id="3">3</li>
</ul>

Javascript:

jQuery.fn.runClick = function () {

    var element = jQuery(this).get(0);

    if (jQuery.browser.msie) { // IE
        element.click();
    }
    else {

        //var evt = document.createEvent("HTMLEvents");
        //evt.initEvent('click', true, true);

        var evt = element.ownerDocument.createEvent('MouseEvents');
        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, 开发者_运维问答false, false, 0, null);

        element.dispatchEvent(evt);

    }

    return this;
};

jQuery(function() {

    jQuery('li').bind('click', function(event) {

        var 
            key = jQuery(this).attr('id');

        jQuery('#myanchor').attr('href', 'www.mydomaind.com/x/?id=' + key).runClick(); 

    });

});

based on this question

thanks.

EDIT

I extended an example based on the comments and responses

EDIT II

similar questions:

how-do-i-programmatically-click-on-an-element-in-firefox

browser-friendly-way-to-simulate-anchor-click-with-jquery


You using jQuery, but not using jQuery's .click() method ...why?

var $elements = $('some-jquery-selector');

$elements.click(); // that's it.


Apparently, clicking a link in Firefox does not fire it:

jQuery('#myanchor').click(function(){
    alert("I was clicked, but I'll do nothing about it");
});
jQuery("li").click(function(){
    var key = jQuery(this).attr('id');
    jQuery('#myanchor').attr("href", "http://www.mydomaind.com/x/?id=" + key).click();
});

I can't see your big picture so you may have a valid reason to do it. But if the only purpose of all this is to go to another page, do it directly:

jQuery("li").click(function(){
    top.location.href = "http://www.mydomaind.com/x/?id=" + this.id;
});

P.S. IDs should not start with a digit.

0

精彩评论

暂无评论...
验证码 换一张
取 消