Passing argument to function. What's wrong?

In this jsFiddle

am I trying to pass an argument to a function, but it doesn't开发者_如何学Go receive the argument or it isn't executed.

<a href="javascript:addRemove('7249');">Details</a>

JQuery

$(document).ready(function() {

    function addRemove(u) {
    alert(u);
    }

});

Any ideas what's wrong and how to fix it?

---

Your function only exists within the scope of the ready event handler, you need to move function addRemove outside of the ready function.

---

http://jsfiddle.net/EcCTx/2/

Your code was wrapped in an onload event by jsfiddle (drop-down menu on the left). So if you add a function it won't be global, but your onclick event calls a global function by the name addRemove.

---

You need to define your function outside of the $(document).ready().

---

I haven't tested it, but my guess is this: things inside of a function can't be accessed from outside of a function. For example,

$(document).ready(function() {
    function addRemove(u) {
        alert(u);
    }
});
console.log(addRemove); // reference error or something similar

You should define addRemove function outside of $(document).ready.

---

the addRemove function must be outside of $(document).ready(function(){...});

---

In case Davin doesn't come back, here's the answer: jsFiddle defaults to wrapping your JS in the 'onLoad' method - and we can't allow that.

http://jsfiddle.net/nqbWe/

---

You had no defined function called addRemove in the Fiddle!

I've added this, and removed the inline javascript calls.

See this for better way of doing it:

http://jsfiddle.net/EcCTx/6/

---

There is nothing specifically calling that function. In the document ready part you have the function set up, but the anchor will not call that function by itself. In this instance it will only be called when someone clicks on that link.

You could give the link a class and data attribute and use those with jQuery to have something happen on page load.