Click() works in IE but not Firefox

前端未结

关注

 5  1616

I have code which is trivial but only works in IE not Firefox.

$(document).ready(function(){
    $(\'li#first\').click();
});

I have also t

相关标签:

5条回答

遇见更好的自我

2020-12-05 12:45
Are you trying to go to the first link? You can't trigger a link's default action via a click.

But here's a workaround:
```
var link = jQuery("#first>a", this)
if(!link.onclick) window.open(link.href, link.target || "_self")
else jQuery(link).click()
```
Source: http://forum.jquery.com/topic/jquery-a-0-click-not-working
0 讨论(0)
发布评论:

提交评论
- 加载中...
再見小時候

2020-12-05 12:49
Firefox does support the .click() JQuery function. I had the same problem, until I specified the tag name in my selector. Essentially, I had something like this:
```
<a id="vidLeftArrow" blah blah blah>...</a>
$("#vidLeftArrow").click(function () {
   //Do something
});
```
Which didn't work. I had to change the javascript to this:
```
<a id="vidLeftArrow" blah blah blah>...</a>
$("a#vidLeftArrow").click(function () {
   //Do something
});
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

一整个雨季

2020-12-05 12:54

try this html

<a id="link" href="url">click here</a>

$(document).ready(function(){
    $("#link").click(function(){
        window.location.href = $(this).attr('href');
    });
});

also if this is somethng you don't want to do theb also try something like this:

$(document).ready(function(){
        $("#link")[0].click();
    });

0 讨论(0)

悲哀的现实

2020-12-05 13:04
Firefox does not support click().

Running document.getElementById('first').click() returns the following error click is not a function

So I added a snippet of code to add click() functionality to every element. This code was found after a painful series of google searches resulting in this thread.

The snippet is below and needs to be included just once on the page:
```
HTMLElement.prototype.click = function() {
   var evt = this.ownerDocument.createEvent('MouseEvents');
   evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
   this.dispatchEvent(evt);
} 
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

悲哀的现实

2020-12-05 13:05

Your code should work in Firefox. Here's a full snippet that proves it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<style type="text/css"><!--
--></style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript"><!--
jQuery(function($){
    $(document).ready(function(){
        $('li#first')
            .click(function(){
                alert("I've been clicked: " + $(this).text());
            })
            .click();
    });
});
//--></script>
</head>
<body>

<ul>
    <li id="first">First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

</body>
</html>

0 讨论(0)