Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
qTip problem inside update panel
12th April, 04:51
Post: #1
qTip problem inside update panel
I am using qTip 1.0, inside update panel with data pager, everything is working fine except fro the last page, even though the qTip is showing it content it give me the following error:
Error: options.content is null.
Here is my code:

JS Code
<ItemTemplate>
           <div class="infoIcon" id="<%#Eval('itemID')+ 'icon' %>"></div>
              <div style="display: none">
                <div id="<%#Eval('itemID')+ 'item' %>">
                 <div class="tooltipBox">
                   --tool tip content--
                 </div>
                </div>
              </div>
              <script type="text/javascript">
 
 
                Sys.Application.add_load(FirejQuery);
                  function FirejQuery() {
                   $('#<%#Eval("itemID")+ "icon"%>', this).qtip({
                   content: $('#<%#Eval("itemID")+ "item"%>').html(),
                   show: { 
                           effect:{ type: 'fade', length: 100} 
                         },
                   hide: { 
                           when: 'mouseout',
                           fixed: true, delay: 800,
                           effect: { type: 'fade',
                           length: 100
                         }
                        },
              position: { 
                       corner: { target: 'topMiddle', tooltip: 'bottomMiddle'}
                        },
                 style: { 
                          width: 400,
                          tip: 'bottomCenter',
                          border: { width: 1, radius: 4, color:'#0d95d1'}}
                });
                 }                                     
        </script>
 </ItemTemplate>


Any ideas?
Find all posts by this user
Quote this message in a reply
12th April, 07:27
Post: #2
RE: qTip problem inside update panel
UPDATE: i added this link so you can see the problem: http://tonofdirt.co.cc/test.aspx
Find all posts by this user
Quote this message in a reply
12th April, 08:26
Post: #3
RE: qTip problem inside update panel
It starts giving me the error "Cannot read property 'jquery' of null" right after I click next on the first page and no tooltips display beyond the first page.

Are you sure that your gator tag statements are producing valid objects: <%#Eval('itemID')+ 'item' %> and <%#Eval("itemID")+ "icon"%>

Edit:

After fiddling a little bit, I see that your content selector $('#<%#Eval("itemID")+ "item"%>').html() is returning a null, which is causing the error.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  using qTip inside a Mozilla Firefox addon emafuma 7 792 24th April 15:49
Last Post: Craig
  [Solved] qTip2 inside map infowindow costales 3 191 15th April 08:29
Last Post: costales
  Hiding tooltip problem sohailanwarpk 2 400 31st January 12:13
Last Post: sohailanwarpk
  qTip & ASP.NET UpdatePanel Postback Problem qTipNoob 4 3,028 10th January 15:01
Last Post: naupadnara
  Access target from "inside" qtip Lynge 6 3,008 19th November 12:08
Last Post: t00f
  qtip inside the jquery UI Dialog tiggi 1 781 20th October 18:49
Last Post: Craig
  [Solved] Positioning tooltip inside page dmilne 1 501 30th September 14:56
Last Post: Craig
  How to update the length of a Qtip? sli 0 768 21st July 17:39
Last Post: sli
  [Solved] Can't dynamically update content text! hoodedperson70 9 1,290 20th July 18:47
Last Post: hoodedperson70
  [Solved] Starter problem enne87 1 627 12th July 17:29
Last Post: Craig



User(s) browsing this thread: 1 Guest(s)