0

jquery ui テーマが jsfiddle で機能しないのに、私のローカルホストでは機能する理由は何ですか?

http://jsfiddle.net/oshirowanen/UxvaG/

4

3 に答える 3

2

JSはポートレットクラスを想定していますが、HTMLはウィジェットクラスを使用しています。

于 2011-03-10T10:05:55.860 に答える
0

左側のドロップダウンから$(document).loadラッパーまたはchagetonowrapを削除します。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({})

于 2011-03-10T10:06:03.793 に答える
0

CSS が不足している必要があります。ThemeROller を使用してください

ThemeRoller テーマをダウンロードする: テーマを構築する最も簡単な方法は、ThemeRoller を使用してテーマを生成およびダウンロードすることです。このアプリは、新しい ui.theme.css ファイルと、必要なすべての背景画像とアイコン スプライトを含む images ディレクトリを作成します。これらはプロジェクトに簡単にドロップできます。このアプローチは、作成と維持が最も簡単ですが、カスタマイズは ThemeRoller で提供されるオプションに制限されます。

参照

于 2011-03-10T10:08:36.483 に答える