标签: jquery-ui-theme

有没有人有任何技巧/提示/技巧来帮助我在一个应用程序中组织和实现多个jQuery UI主题？

我已经导致使用,!important因为它似乎是强制样式覆盖的最可靠的方法 - 但这种方法不是很理想.

我发现了jQuery UI的js文件的CDN网址在这里,但我在哪里可以找到在CDN的主题CSS文件.我正在寻找平滑主题.

是否可以使手柄更厚,更容易抓住？

例如,在下面的链接中,您会注意到我只在底部的div上有一个句柄,很难掌握使用鼠标,因为它似乎是1px高.是否可以使手柄高度为10px,因此它的外观和感觉就像图像被抓住了？

http://jsfiddle.net/rYFEY/25/

也许我错过了一些东西,但在阅读了jQuery UI文档之后,我没有看到任何关于将主题样式应用于普通小部件的信息,比如输入和选择标签.在调用button()按钮和datepicker()将选择日期的输入标签之后,我应该将正常的textareas和输入包装在一个<div class="ui-widget">以给出一致的样式,或者给它们一个特定的css类,或者在文档加载上调用函数来调整一切其他？

我有以下脚本的保证金.portlet类表现得很奇怪:

http://jsfiddle.net/mYx5y/19/

它应该在每个portlet周围添加10px,这应该意味着portlet之间的间隔为20px.出于某种原因,如果portlet在其自身的右侧或左侧有一个小部件,我只获得20px,但如果portlet在其上方或下方有另一个portlet,则只有10px.

为什么我垂直得到10px？

我已经实现了jQuery-ui tabs小部件,它工作得很好.但是,它做了一些我不喜欢的风格.特别是.ui-corner-all是圆形的,我不希望这样.

什么是"正确"的方式来覆盖这个.我应该使用主题吗？

有人有关于如何使用/创建ui主题的初学者教程吗？

我使用jQuery UI来处理对话框,按钮等各种小部件.我想继续使用我的其他网页元素的主题,如错误/警告通知和突出显示样式.所以我去了themeroller页面查看他们用于css的内容,例如警报通知:

<div class="ui-widget">
    <div style="padding: 0 .7em;" class="ui-state-error ui-corner-all"> 
        <p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-alert"></span> 
        <strong>Alert:</strong> Sample ui-state-error style.</p>
    </div>
</div>

有一个包装div,带有背景图标的跨度等.我只是复制这些或jQuery UI javascript为我创建一些吗？将主题应用于非小部件html的正确方法是什么？

我刚刚将一个项目移动到ASP.net MVC框架的beta版本,我遇到的唯一问题是jQuery和jQueryUI.

这是交易:

在Site.Master以下脚本引用中:

<script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>

使用这些,accordian UI我在其中一个视图上的工作完美,除了一个问题:来自ThemeRoller页面的图像不包括在内.如果我注释掉jQuery引用,那么ThemeRoller图像就在那里.所有的css都在Content folder,所有的脚本都在Scripts folder.

我知道这是一个愚蠢的道路问题,但它让我抽搐.

我错过了什么？

更新

我尝试了第一个答案无济于事,请阅读评论以获取详细信息.再次感谢那些正在观看的人.

第二种方法也不起作用.我很困惑.

另一个更新

使用Url.Content脚本的标记确实允许脚本正常运行.对样式表使用常规标记将所有样式都放到页面上,除了与ThemeRoller相关的所有样式外.

该jquery-ui-themeroller.css文件位于Content文件夹中,当我检查元素时,css存在.我怀疑问题在于从这个css文件映射到themeroller的images文件夹,该文件夹也在Content文件夹中.此文件中的图像链接指定为:background: url(images/foo.gif)

此文件中的链接是否需要更改？

我对jQuery UI主题有点厌倦了.

是否有任何免费的第三方主题看起来有点光滑？

我一直在尝试将"平滑"主题添加到我的jquery数据表中但没有成功.我的数据表只是没有样式.

这是我的标题代码:

<style type="text/css" title="currentStyle">
    @import "/DataTables/media/css/smoothness/jquery-ui-1.8.21.custom.css"
</style>
<script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="DataTables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="DataTables/media/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#join').dataTable( {
                "bJQueryUI": true,
                "sPaginationType": "full_numbers"
            } );
    } );    
</script>

以下是身体的形式:

<table id="join" cellpadding="0" cellspacing="0" border="0" class="display" width="80%">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>Row 1 Data 2</td>
    </tr>
    <tr>
        <td>Row 2 Data 1</td>
        <td>Row 2 Data 2</td>
    </tr>
</tbody>

我到底错在了什么？

谢谢你的帮助.