3

在网站（主题浏览器）上使用jQueryUI示例时，看起来很棒。但是，当我将代码和主题放入我的应用程序中时，大小会变得不正常（我正在尝试使用 Redmond 主题）。

关于为什么这些样本看起来如此不同的任何想法？在我构建的应用程序中，只有 1 个用于 Redmond 主题的 CSS 参考......下面的这些图像正是它们在浏览器中呈现的方式。

我的应用程序：
替代文本 http://www.imageunload.com/public/14462/jQueryUI.png

jQuery UI 示例：
替代文本 http://www.imageunload.com/public/14463/jQueryUI-Sample.png

我的申请代码：

<div>
    <asp:TextBox ID="txtDateSample" runat="server"></asp:TextBox>
</div>
</form>
<script type="text/javascript" language="javascript">
    $(function() {
        $('#<%= txtDateSample.ClientID %>').datepicker({
            showButtonPanel: true,
            showOn: 'button',
            buttonImage: '../Graphics/Icons/calendar.png',
            buttonImageOnly: true
        });
    });
</script>

Div 的 Firebug 视图：

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"/>
4

3 回答 3

6

这曾经发生在我身上。这是因为您的某些样式无意中影响了日历 div。获取 Firebug 并查看日历应用了哪些样式。然后编辑主题以覆盖您的样式所做的任何事情。

编辑：

您要查找的部分不是生成的 HTML，尽管这很重要，但更多的是实际应用的样式：

Firebug 样式选项卡
（来源：pathf.com）

您将看到正在应用的样式，而已分配但未应用的样式将被删除。您可能会在此窗口中看到您的一些样式。他们很可能是罪魁祸首。通过使它们更具体来修复它们，您的日历应该很好。

于 2009-03-18T01:41:52.147 回答
1

当事情比你预期的要小时，一个好的假设是某种百分比/比例大小正在递归地发生，即你有

.foo {width: 80%;}

某处并且已经应用​​了两次或更多次，这意味着您的宽度最终达到 80% 的 80% 的 80%。

于 2009-03-18T22:35:50.493 回答
1

在您的 index.php 页面或主页或每个页面中添加此代码

<head>
<style>
    body{
        font-size: 62.5%; /* it is necessary for jquery ui */
        }
</style>
</head>

使用 jquery-ui 时管理字体或标签的大小是合法的编码程序。

于 2013-06-12T07:54:49.313 回答