Calling function in external js file from html hyperlink

Question

Hi everyone

I have this situation where data pulled from a database and I have to turn one of the column into hyperlink to call a jquery function that is located on an external js file. here is my hyperlink

<a href ="#" onclick="details(@item.productid);">link text</a>

my function is like this

$(document).ready({
function details(id)
{
alert("you clicked me")
}
});

Unfortunately when the link is clicked nothing happened, could someone help me please?

Thanks a lot

Sachin Singh · Answer

It's nothing about external JS, your Jquery is always an external file isn't it , yet you are able to call or use all jquery functions from other pages isn't it ?? How ? because you give a reference of Jquery.Js to your Html page. So , your obvious solution is to add reference of the external Js file where Detalis(id) function is defined to your Html page and everything will work.

Mageshwaran R · Answer

Hi , please refer this link: https://www.researchgate.net/post/How_can_I_call_an_external_javascript_function_in_html_with_a_link

Schleid Alex · Answer

Hi all thank you for your responses and your time. My js file is correctly referenced the mistake was to put the function inside $(document).ready({ }) a function need to live outside by itself. I hope this help other newbie Thank you again!

Darshan Shah · Answer

Hi, External js must be added somewhere in your application, either in the page you are working or in layout/master page if you have any, then this function will be called without any issue. Hope that manke sense!