Recent Posts
- (09/10) Fixing Warning: the ECDSA host key for 'github.com' differs from the key for the IP addressTAGS:Web Server Admin
- (12/26) CakePHP 3 - Getting List of Column Definitions from a Table (like schema())TAGS:CakephpCake3
- (09/14) Change Order of Loaded Behaviors in CakePHP 3TAGS:Cake3CakephpWeb ProgrammingPhp
- (05/29) CakePHP 3 - Accept JSON Header Only Working When Debug FalseTAGS:Web ProgrammingCakephpCake3
- (05/23) Remove All Events from Google Calendar (Reset Calendar)TAGS:Web ProgrammingPhp
- (11/08) Google Tag Manager (GTM) Not Firing Default PageView EventTAGS:Web ProgrammingJavascriptGoogle Tag Manager
- (10/13) In PHP, how do you get __toString() Magic Method Result without calling echo?TAGS:CakephpCake3Cakephp 13PhpWeb Programming
- (11/14) Getting output from shell_exec() at all timesTAGS:Web ProgrammingWeb Server Admin
Subscribe to my feed
MainelyDesign.com Blog
Remove Duplicate Span Tags from Jquery UI Buttons
Posted on 05/22/2014 at 10:22 pm by Kevin Wentworth
Viewed 8,942 times | 1 comment
I have a loader function that I call every time I need to update ajax-ed in content. A funny thing was happening: the buttons kept growing bigger and bigger on each run of this function. The culprit: additional span tags that were causing the CSS rules to be applied multiple times. The fix: unwrap.
Remove Duplicate Spans from Jquery UI Buttons
- // remove duplicate button spans
- $('span.ui-button-text').parent('span.ui-button-text').find('span').unwrap();
Cheers,
-Kevin Wentworth
Tags for Remove Duplicate Span Tags from Jquery UI Buttons
Web Programming | Jquery Ui | Jquery | Ui | Web Design
Comments for this Posting
Sorry, comments are closed for this posting.
Please Email Kevin if you have any questions. Thanks!
Posted by Alvaro
on 10/6/14
Excellent solution!! Works like a charm.