Existing Jquery library on page not working for dynamic html content called by ajax

Question

I am using this code to get dynamic html. But existing jquery library and event other functions or js code not working for this dynamic code.

function getDynamicContent(id, tab_id) {
            jQuery.ajax({
                url: "test.php",
                data: 'id=' + id,
                type: "POST",
                success: function (data) {
                    $('#' + tab_id).html(data);
                }
            });
        }

What does "not working" mean? Errors in console? PHP errors??? Also Try `data: {id:id},` — mplungjan, Jul 03 '18 at 07:27
No error in console, No php error. Called this function on click event. JS existing on same page is working but not for ajax call response html. — Navdeep, Jul 03 '18 at 07:55
Click of what? If a button in a form, then you might submit the form before calling the Ajax. Post relevant HTML with event handlers — mplungjan, Jul 03 '18 at 07:56
Actually i am getting page content by ajax call. By click on navigation menus. — Navdeep, Jul 03 '18 at 08:31
@Navdeep - are you saying that, for instance, you have a click event bound to a particular class, which isn't working on elements loaded in via AJAX? If so, are you using _$(element).click(myfunction)_ or _$(element).on('click', myfunction)_? — Benjamin James Kippax, Jul 03 '18 at 11:13

Farzad Farazi A. · Answer 1 · 2018-07-03T11:45:49.827

0

If you use chrome, Chrome doesn't like AJAX from local files.

This is a known issue with Chrome.

Read this answer.

edited Jul 03 '18 at 11:45

answered Jul 03 '18 at 11:08

Farzad Farazi A.

26
1
6

Existing Jquery library on page not working for dynamic html content called by ajax

1 Answers1