JQuery темы не работают - PullRequest
Новая
       18

JQuery темы не работают

0 голосов
/ 10 марта 2011

Есть идеи, почему тема jquery ui не работает в jsfiddle, но работает на моем локальном хосте?

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

Ответы [ 3 ]

2 голосов
/ 10 марта 2011

JS ожидает класс портлета, а HTML использует класс виджета.

0 голосов
/ 10 марта 2011

у вас должен отсутствовать какой-то CSS, используйте ThemeROller

Скачать тему ThemeRoller: The Самый простой способ создать тему - использовать ThemeRoller для генерации и скачать тему. Это приложение создаст новый файл ui.theme.css и и изображения каталог, содержащий все необходимое фоновые изображения и иконки спрайтов который может быть просто брошен в ваш проект. Этот подход будет проще всего создавать и поддерживать, но ограничивает настройку опциями предоставляется в ThemeRoller

ссылка

0 голосов
/ 10 марта 2011

Удалите $(document).load упаковщик или шейдж на 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();

Если вы выберете onLoad в левом углу, где вы выберете lib, jsfiddle автоматически обернет код внутри $(document).load({})

...