Loading...

Search jQuery

Search

jQuery Forum

Screen name:
benoit.borlee

benoit.borlee's Profile

2 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Refresh submenu in menubar
[0Replies]
- 14-Dec-2011 08:29 AM
- Forum: Using jQuery UI
Hi,

I'm using jquery-ui-1.9m6. I created a menubar with $(".nav").menubar() . One of the submenus (#projectListMenu below) is populated dynamically after the creation of the menubar. Unfortunately I cannot manage to refresh the menubar (or the submenu).

I tried §("#projectListMenu").menu("refresh") without success.

Is there an idiomatic or good way to achieve it ?

Thank you.

Benoit

<ul class="nav menubar">
<li>
<a href="#">Projects</a>
<ul>
<li><a href="#">New project</a></li>
<li><a href="#">Save project</a></li>
<li><a href="#">Open project</a>
<ul id="projectListMenu" >
</ul>
</li>
</ul>
</li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>

icons within tabs don't display properly
[2Replies]
- 26-Jul-2011 05:31 AM
- Forum: Using jQuery UI
What's wrong with the code below ? I cannot use icons within tabs. The icons (#toolSet) doesn't display properly. Same code outside the tabs (#toolSet2) works fine.
1. <div id="tabs">
2. <ul>
3. <li><a href="#tab1">Summary</a></li>
4. </ul>
5. <div id="tab1">
6. <div id="toolSet" class="ui-widget" >
7. <input type="radio" id="arrow" name="tool" /><label for="arrow" class="ui-icon ui-icon-arrow-4">Arrow</label>
8. <input type="radio" id="arrow_diag" name="tool" /><label for="arrow_diag" class="ui-icon ui-icon-arrow-4-diag">Arrow diag</label>
9. </div>
10. </div>
11. </div>
13. <div id="toolSet2" class="ui-widget" >
14. <input type="radio" id="arrow2" name="tool2" /><label for="arrow2" class="ui-icon ui-icon-arrow-4">Arrow2</label>
15. <input type="radio" id="arrow_diag2" name="tool2" /><label for="arrow_diag2" class="ui-icon ui-icon-arrow-4-diag">Arrow diag2</label>
16. </div>
1. $(document).ready(function(){
2. $('#toolSet').buttonset();
3. $('#tabs').tabs();
4. $('#toolSet2').buttonset();
5. });
Live code here :
http://jsbin.com/eweper

I think the class ui-widget-content forces the background, so it cannot be overriden by background-position of ui-icon-arrow-4.

I found a similar ticket (#ticket 4401). But I don't understand the resolution.

Thanks

Benoit

«Prev
Next »