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!

Calling function in external js file from html hyperlink

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)