Loading...
Copy code
Close
Permalink
Close
Please tell us why you want to mark the subject as inappropriate.
(Maximum 200 characters)
Report Inappropriate
Cancel
Private Message
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Cancel
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Update
Cancel
Feedback
Email ID
Subject :
Comments :
Send
Cancel
Private Message
Type the characters you see in the picture below.
Type the characters you see in the picture below.
Attach files
Desktop
Google Docs
Each Attachment size should not exceed 1.0 MB.
Max no of attachments : 3
Loading User Profile...
guest
Response title
This is preview!
Attachments
Publish
Back to edit
Cancel
(
)
Sign In
New to this Portal? Click here to
Sign up
You can also use the below options to login
Login with Facebook
Login with Google
Login with Yahoo
jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate
All Forums
Recent Posts
Log In
Search
jQuery
Search
jQuery Forum
Screen name:
kovyrshin
kovyrshin's Profile
1
Posts
1
Responses
0
Followers
Activity Trend
Last 30 days
Last 30 days
Date Interval
From Date :
To Date :
Go
Loading Chart...
Posts
Responses
PM
Show:
All
Discussions
Questions
Ideas
Problems
Expanded view
List view
Private Message
Tabs + jQueryUI button via ajax.
[1Reply]
26-Jun-2010 12:53 AM
Forum:
Using jQuery UI
HI!
I'm using tabs on a web site and load some content via ajax. I want to use JqueryUI radiobuttons there. But there's a problem of styling.
That's what i have:
$tabs.tabs('add', 'order.php?id='+num, "Order #"+num);
and order php file for example:
$('#gotorderby".$orderid."').buttonset();
....[some code here]...
<div id='gotorderby".$orderid."' class='bset'>
<input type='radio' id='radio6' name='gotby".$orderid."' checked='checked' /><label for='radio6' style='width:187px;'>Cart</label>
<input type='radio' id='radio7' name='gotby".$orderid."' /><label for='radio7' style='width:187.5px;'>Phone</label>
</div>
When i add one tab it's all ok, but when i add second all my radiobuttons get additional <span> tag inside, and height increaes. it aslo increases on all radiobuttons on a previuos tabs.
After some added tabs result is:
<div class="bset ui-buttonset" id="delivery2">
<input type="radio" checked="checked" name="deliv2" id="radio1" class="ui-helper-hidden-accessible">
<label style="width: 187px;" for="radio1" class="ui-state-active ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" aria-pressed="true" role="button" aria-disabled="false">
<span class="ui-button-text">
<span class="ui-button-text">
<span class="ui-button-text">
<span class="ui-button-text">
Доставка</span></span></span></span>
</label>
<input type="radio" name="deliv2" id="radio2" class="ui-helper-hidden-accessible">
<label style="width: 187.5px;" for="radio2" aria-pressed="false" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
<span class="ui-button-text">
<span class="ui-button-text">
<span class="ui-button-text">
<span class="ui-button-text">Самовывоз
</span></span></span></span>
</label>
</div>
I treid to solve the problems, but still no result. Can anyone figure what's wrong?
I've attached a screenshot to show how does it looks.
Attachments
spanproblem.jpg
Size: 410.77 KB
Downloads: 2362
«Prev
Next »
Moderate user : kovyrshin
Forum