На сайте http://jqueryui.com изменила тему для компонентов под стиль сайта. Скачала результат. Стили и скрипты добавила в шаблон. Скрипты работают, а стили не подключаются. Вот результат того, что получилось: http://azbuka-ned.ru/test.php
Не должно быть скругленных углов, цвета должны быть другие ну и т.д. Бьюсь уже несколько дней - а воз и ныне там.
Вот код подключения:
Что я делаю не так?
Не должно быть скругленных углов, цвета должны быть другие ну и т.д. Бьюсь уже несколько дней - а воз и ныне там.
Вот код подключения:
Код |
---|
<link href="http://azbuka-ned.ru/bitrix/templates/new_build/css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://azbuka-ned.ru/bitrix/templates/new_build/js/jquery-1.9.1.js"></script> <script type="text/javascript" src="http://azbuka-ned.ru/bitrix/templates/new_build/js/jquery-ui-1.10.3.custom.js"></script> <script type="text/javascript"> $(function() { $( "#accordion" ).accordion(); var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#autocomplete" ).autocomplete({ source: availableTags }); $( "#button" ).button(); $( "#radioset1" ).buttonset(); $( "#radioset2" ).buttonset(); $( "#tabs" ).tabs(); $( "#dialog" ).dialog({ autoOpen: false, width: 400, buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } }, { text: "Cancel", click: function() { $( this ).dialog( "close" ); } } ] }); // Link to open the dialog $( "#dialog-link" ).click(function( event ) { $( "#dialog" ).dialog( "open" ); event.preventDefault(); }); $( "#datepicker" ).datepicker({ inline: true }); $( "#slider-range" ).slider({ range: true, min: 500000, max: 50000000, values: [ 500000, 10000000 ], step: 500000, slide: function( event, ui ) { $( "#amount1" ).val( ui.values[ 0 ] ); $( "#amount2" ).val( ui.values[ 1 ] ); } }); $( "#amount1" ).val( $( "#slider-range" ).slider( "values", 0 ) ); $( "#amount2" ).val( $( "#slider-range" ).slider( "values", 1 ) ); $( "#progressbar" ).progressbar({ value: 20 }); // Hover states on the static widgets $( "#dialog-link, #icons li" ).hover( function() { $( this ).addClass( "ui-state-hover" ); }, function() { $( this ).removeClass( "ui-state-hover" ); } ); }); </script> <style type="text/css"> #dialog-link { padding: .4em 1em .4em 20px; text-decoration: none; position: relative; } #dialog-link span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; } #icons { margin: 0; padding: 0; } #icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none; } #icons span.ui-icon { float: left; margin: 0 4px; } .fakewindowcontain .ui-widget-overlay { position: absolute; } </style> |
Что я делаю не так?