Create Link Button with JQuery

Question

I'd like to use JQuery to create a link button, but the code I wrote below doesn't seem to work. What is missing?

<head>
        <title>Click Url</title>
        <script src="http://code.jquery.com/jquery-latest.js"     
        type="text/javascript"></script>
            <script type="text/javascript">
                $(function() {
                    $("#Button1").click(function() {
                        $("#an1").click();
                    });
                });
    </script>
</head>
<body>
    <a href="http://google.com" id="an1">Click</a>
    <input id="Button1" type="button" value="button" />
</body>

James Skidmore · Accepted Answer · 2009-10-12 02:39:46Z

4

The click() method will not work on hyperlinks. Instead of $("#an1").click(); to redirect to that URL, use this:

window.location.href = 'http://google.com';

Or, as suggested by davidsleeps in the comments, do this:

window.location.href = $("#an1").attr("href");

edited Oct 12, 2009 at 2:39

answered Oct 12, 2009 at 2:22

James Skidmore

50.4k33 gold badges112 silver badges137 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

davidsleeps Over a year ago

maybe you could make it: window.location.href = $("#an1").attr("href");

Ryu · Accepted Answer · 2009-10-12 02:25:03Z

0

You are invoking the links onclick event, which doesn`t have anything bound to it.

The fact that you transfer to a url when you click a link is browser behavior and has nothing to do with javascript.

answered Oct 12, 2009 at 2:25

Ryu

8,77911 gold badges70 silver badges98 bronze badges

Comments

thewebguy · Accepted Answer · 2009-10-12 02:57:12Z

0

Adding this code would make it work, but again you're just firing the click event. You're not actually simulating a click.

$('#an1').click(function(){
  window.location.href = $(this).attr('href');
});

Now when you fire the click event it will actually change the location.

answered Oct 12, 2009 at 2:57

thewebguy

1,51910 silver badges15 bronze badges

Collectives™ on Stack Overflow

Create Link Button with JQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related