JQuery UI在通过php加载时未检测到CSS样式
JQuery UI not detecting CSS styles when loading via php
当用户使用我之前问过的这个问题中的建议单击按钮时,我正在使用JQuery UI生成并加载一个选项卡。它加载数据很好,但没有应用页面静态时出现的CSS样式。
function createTab2() {
// this will add a tab
$("#tabs").tabs("add","#tabs-2","1: Population Density");
$("#tabs-2").load('tabs/tab2.php');
$('#tabs').tabs('select', "#tabs-2");
}
我的原始静态文件包含以下内容:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab One</a></li>
<li><a href="#tabs-2">Tab Two</a></li>
</ul>
<div id="tabs-1" style="height:300px;"> <!-- Start Tab 1 -->
<form >
<div id="radio-b1">
<input type="radio" id="b1" name="type" value="1" /><label for="b1">Radio Button 1</label>
</div>
</form>
</div> <!-- End Tab 1 -->
<div id="tabs-2" style="height:250px;"> <!-- Start Tab 2 -->
<form >
<div id="radio-p1">
<input type="radio" id="radio4" name="pop_den_1" value="1" /><label for="radio4">Radio Button 2</label>
</div>
</form>
</div> <!-- End Tab 2 -->
我用一个调用javascript函数createTab2()
的按钮替换了Tab 2
,并在tab2.php
中保存了以下代码:
<div >
<form >
<div id="radio-p1">
<input type="radio" id="radio4" name="pop_den_1" value="1" /><label for="radio4">Radio Button 2</label>
</div>
</form>
</div> <!-- End Tab 2 -->
我不完全理解在创建#tab-2
时是否需要向其添加属性(例如设置id
值或其他属性)。
这是你在表2样式中的行
style="height:250px;"
要应用这种风格,你可以通过以下方式
$("#tabs-2").css("height","250px");
在加载选项卡之前或在调用选项卡2上的select之前执行此操作
相关文章:
- 我可以检测任意CSS转换是否已经启动吗
- HTML/JS-检测Android软件版本(并切换css文件)
- 自动检测移动设备或分辨率并相应地调整CSS
- 这有什么好处吗?使用 Javascript 检测和定位特定的浏览器 CSS
- jQuery - 检测 CSS 动画是否结束
- Chrome 中的突变对象无法检测属性和 CSS 更改
- 检测页面大小并在宽度低于 500px 时进行 css 更改
- 简单的 CSS 梯度检测
- 如何检测 CSS 区域中的下溢
- 如何检测 css 模式之外的点击
- 任何检测CSS更改的方法
- 什么是正确的方法来检测css "flex-box"和“;flex-wrap"
- 如何检测CSS值何时发生变化
- 检测CSS样式渲染
- 是否有一种方法来检测css转换已经中止/中断
- 如何检测css背景url
- 当javascript被禁用时检测CSS转换
- 原生JavaScript函数检测CSS
- 我可以用JavaScript检测CSS关键帧动画中的百分比
- 从字符串中检测CSS选择器的类型