Question

任何想法为什么jquery ui主题在jsfiddle中不起作用，但它在我的localhost上工作？

Answer 1

JS需要一个portlet类，而HTML则使用widget类。

Answer 2

从左侧的下拉菜单中移除$(document).load包装或chage到 nowrap 。 http://jsfiddle.net/UxvaG/1/

        $( ".column" ).sortable({
            connectWith: ".column"
        });

        $( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
            .find( ".portlet-header" )
                .addClass( "ui-widget-header ui-corner-all" )
                .prepend( "<span class='ui-icon ui-icon-minusthick'></span>")
                .end()
            .find( ".portlet-content" );

        $( ".portlet-header .ui-icon" ).click(function() {
            $( this ).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
            $( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
        });

        $( ".column" ).disableSelection();

如果您在选择lib的左上角选择onLoad，那么jsfiddle将自动将代码包装在$(document).load({})

中

Answer 3

你必须遗漏一些CSS，使用ThemeROller

下载ThemeRoller主题：The 构建主题的最简单方法是使用 ThemeRoller生成和下载一个主题。这个应用程序将创建一个新的ui.theme.css文件和图像目录包含所有必要的背景图像和图标精灵这可以简单地放入你的项目。这种方法将是最容易创建和维护但是限制选项的自定义在ThemeRoller中提供

reference

jquery主题不起作用

3 个答案: