jQuery working in Console but not working in js file

Question

I am using the following jQuery code in the search bar of my website. Since I am a beginner, I am unable to relate to other code examples, hence I need help in fixing the code.

jQuery(document).ready(function ($) {
    //Open Link in Search Results in New Window
    jQuery('div.search_result_item_content').click(function () {
        console.log("I am executed");
        var menuLink = $('div.col.col-9.search_result_item_content').data('link');
        window.open(menuLink, "_blank");
    });
});

The code without .ready() seems to work on the console. But not on the index.js file of my website. The same file has many other jQuery functions, which are all working smoothly.

Any idea, what is causing the issue?

Start by removing ` ` and move `` up to the top of the head. Then remove the migrate and fix the errors — mplungjan, Jun 03 '20 at 12:38
Please see the FAQ [Something in my web site or project doesn't work. Can I just paste a link to it?](https://meta.stackoverflow.com/q/254428/215552), where the answer is no. Show all relevant code in the question itself. — Heretic Monkey, Jun 03 '20 at 12:42
Also there is no `search_result_item_content` on the page when it loads so you need to delegate — mplungjan, Jun 03 '20 at 12:42
@NirmalKumar well it's your first post no issue but before posting any question just read the FAQ and you should provide code or more detail, not your website. — Aditya toke, Jun 03 '20 at 12:44
@Adityatoke I will definitely follow it from my next question. — Nirmal Kumar, Jun 03 '20 at 12:55

Mark Adesina Omoniyi · Accepted Answer · 2020-06-03T12:47:55.087

0

You are generating the items dynamically so this will not work. What you can do is what I will do below.

 jQuery(document).ready(function ($) {   
    jQuery(document).on('click','div.search_result_item_content',function () {
    console.log("I am executed");
    var menuLink = $(this).data('link');
    window.open(menuLink, "_blank");
 });

That should work for you.

edited Jun 03 '20 at 12:47

answered Jun 03 '20 at 12:41

Mark Adesina Omoniyi

429
6
20

Thank you. It worked. Just the closing brackets are missing. – Nirmal Kumar Jun 03 '20 at 13:11
You didnt vote the answer – Mark Adesina Omoniyi Jun 03 '20 at 13:16
I tried voting. I am a new user. It received a notification that votes cast by users with a reputation of less than 15 are not recorded. – Nirmal Kumar Jun 03 '20 at 13:40

jQuery working in Console but not working in js file

1 Answers1