7 Replies Latest reply: Apr 24, 2012 10:08 AM by matthijsz RSS

    jQuery not working?

      Hi all,


      I'm using QlikView 11, and trying to make my own extension using RaphaelJS and jQuery. Developing in Aptana.

      I can create a timeline in Raphael, but what's not working is adding a 'tooltip' on hover (which is why I need jQuery). Very elemental things don't seem to work and I'm wondering if I am doing this in the right way.


      I have simplified my code to the following, could anyone look at it and see what is wrong?


      jQuery is loaded, but the TipDiv element is not found, why?




      Qva.LoadScript("/QvAjaxZfc/QvsViewClient.aspx?public=only&name=Extensions/MatthijsZ/HelloWorld/raphael-min.js", loadJQuery);



      function loadJQuery()


                Qva.LoadScript("/QvAjaxZfc/QvsViewClient.aspx?public=only&name=Extensions/MatthijsZ/HelloWorld/jquery-1.7.1.min.js", onDoneLoadingScripts);


                               alert("Essential plugin (jquery) not loaded");



      function onDoneLoadingScripts() {

                Qva.AddExtension('MatthijsZ/HelloWorld', function() {

                          try {

                                    $(this.Element).append("<div id='tip'>jQuery is working</div>");


                                    if($('tip').length == 0)

                                                   alert("TipDiv not found"); // <-- why do I get this alert?

      } catch(err) {

                                    txt = "There was an error on this page.\n\n";

                                    txt += "Error description: " + err.description + "\n\n";

                                    txt += "Click OK to continue.\n\n";



                }, false);


        • jQuery not working?
          Erik Wetterberg


          Try $('#tip') instead. You need to put a # before your id to make it work.




            • Re: jQuery not working?



              I knew it was something simple. I was thinking it was a Qlikview thing, never suspected to look at my jQuery code...


              By the way, do you also know why the code is called twice on a refresh?

                • jQuery not working?
                  Alexander Karlsson

                  We ship jquery together with qv11 so you dont need to reference it, if you dont need the latest version.

                  With qv11 you also have the possibility to push your external libs into an array and use the LoadExtensionScripts instead, will save you some typing


                  What might cause problems for you is that you append divs without any checks if the element already exists.

                  So any subsecvent updates in the qv app will fire your code again, appending another div and another div and another div


                  I usually just check for children length, not sure if that is the smartest way but it works

                    • jQuery not working?

                      Hi Alexander,


                      Thanks for the update, that will indeed save some typing


                      That is a problem, in my original code I clear the HTML, I agree, better would be to just check the DOM.


                      I was wondering, though, why Qlikview calls this code twice on a review? Is this standard practice?

                        • jQuery not working?
                          Alexander Karlsson

                          Well it _should_ not do that. The snippet below will only alert you once for each update for example.

                          However I've seen some strange behaviour in conjuction with the OnUpdateComplete method that will fire twice for a refresh of the page. I usually load my css before external scripts, not sure if that will have an impact.



                          Qva.AddExtension('Alert', function(){



                          • jQuery not working?
                            Erik Wetterberg


                            I can't see anything in your code that would trigger double rendering, but what I have seen in other extensions is that you call methods that will change server state as part of the rendering code, like ClearSelections(). You should normally not do that.


                            The function you supply in the AddEextension() call is a rendering function. It should be called every time something happens that would mean you need to rerender the object, like slection change (that affects the underlying data), size change, change of properties etc.