标签: jquery-ui-theme
从制表符ui控件中删除边框
我有以下脚本:
但我似乎无法删除选项卡控件周围的浅灰色边框.这里有人知道怎么做吗？
我尝试过以下方法:
#tabs .ui-widget { border:none; padding:0px; margin:0px; }
#tabs .ui-widget-header { border:none; display:none; padding:0px; margin:0px; }
#tabs .ui-widget-content { border:none; padding:0px; margin:0px; }
但这不起作用.
推荐指数
解决办法
查看次数
jQuery UI主题冲突:SlickGrid和jQuery UI选项卡
我正在尝试应用此SlickGrid示例:
http://mleibman.github.com/SlickGrid/examples/example4-model.html
到我自己的网络项目.
当我将网格放到页面顶部时,它会正确呈现.但是,当我将其放入同一页面上的jQuery UI选项卡选项卡时,呈现搜索图像的CSS Sprite被错误地偏移.
图标呈现为
<span title="Toggle search panel" class="ui-icon ui-icon-search ui-state-default ui-corner-all" style="float: right;" onclick="toggleFilterRow11()"/>
看起来jQuery UI Tabs也使用相同的CSS类,当然会出现冲突.
查看IE9中的有效样式,正确呈现的jQuery UI选项卡外部的控件具有以下内容:
呈现错误的控件如下所示:
底线
将SlickGrid放在jQueryUI选项卡中会导致ui-icon-search类丢失,因此设置错误background-position-x/y.
为什么这个课程会丢失,我该如何解决这个问题呢？
推荐指数
解决办法
查看次数
为什么我必须调用$(":button").button(); 启用JQuery UI主题？
我还是JQuery和JQuery UI Theme的新手.我已经设法开发自己的主题,并将其应用于带按钮的简单测试页面.我阅读了文档,但我无法找到它应该明确要求$(":button").button();应用它的地方.
如果我不这样做,主题不会应用.那么为什么我必须明确地这样做呢？或者,如果这是我的期望,是否有人有一个通用脚本自动应用所有项目的主题？谢谢.
编辑
阅读答案和评论,有些人暗示UI主题的应用是自动的,但其他人说它应该手动应用.对交付的测试HTML页面的测试似乎表明必须手动应用主题.
推荐指数
解决办法
查看次数
为什么jQuery ui标签不起作用？
我在这里找到了同样的问题jquery ui tabs不能正常工作,但它对我没有帮助.这是我的HTML应该创建选项卡,但它不起作用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs</title>
<link rel="stylesheet" href="jquery.ui.all.css">
<script src="jquery-1.7.js"></script>
<script src="jquery.ui.core.js"></script>
<script src="jquery.ui.widget.js"></script>
<script src="jquery.ui.tabs.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Content 1.</p>
</div>
<div id="tabs-2">
<p>Content 2.</p>
</div>
<div id="tabs-3">
<p>Content 3.</p>
</div>
</div>
</body>
</html>
这个html的输出是这样的:
. Nunc tincidunt
. Proin dolor
. Aenean lacinia
Content 1.
Content …jquery jquery-ui jquery-selectors jquery-ui-tabs jquery-ui-theme
推荐指数
解决办法
查看次数