Home/ Questions/Q 3598988
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T20:18:41+00:00

here is my case: <html> <body> <head> … <script> $(function(){ $(‘.do-tip’).qtip({ content: ‘This is

  • 0
here is my case:

    <html>
    <body>
    <head>
    ...
    <script>
 $(function(){
        $('.do-tip').qtip({
            content: 'This is a tip of active hovered element',
            show: 'mouseover',
            hide: 'mouseout',
  })
 });
    </script>
    </head>
    <body>
    <a href="http://www.google.com" class="do-tip">google</a>

    <input type="button" value="load div by ajax" />
    <div> <!-- this div loaded by ajax -->
    <div>
    <a href="http://www.yahoo.com" class="do-tip">yahoo</a> <!-- HOW TO HERE, run the existing script only for this part, JQUERY UNCLE must have a solution-->
    </body>
    </html>

any ideas?
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    While it is not perfectly clear what you are trying to do, I will try my MagicGuess tool and offer you an answer.

    So, you need to

    a) perform some functionality on document load; this functionality does something with all .do-tip elements on the page

    b) perform the same functionality after you load something via AJAX, but now this needs to operate with another set of elements.

    Is that true? If so, here is what I would do:

    function doEverythingINeed(selector) {
    $(selector).qtip({
        content: 'This is a tip of active hovered element',
        show: 'mouseover',
        hide: 'mouseout',
    })

}

$(function() {
    doEverythingINeed('.do-tip');
});

    and call doEverythingINeed with another selector after you load your HTML via AJAX. If you use $.ajax() function, then you should just do

    $.ajax({
    //parameters
    success: function() {
        //some other actions if needed
        doEverythingINeed('your selector');
        //more actions if needed
    }
});

    Hope that helps!

    • 0