Пользовательский интерфейс jQuery не применяет тему к кнопке
Я хотел бы применить тему JQuery UI к кнопке, но не смог! Зачем? Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<script src="_code/js/jquery.js" type="text/javascript"></script>
<script src="_code/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<link href="_code/css/redmond/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<button>Button</button>
</body>
</html>
В результате получается обычная кнопка без темы jQuery UI! заранее спасибо
3 ответа
Пользовательский интерфейс jQuery, в отличие, скажем, от jQuery Mobile, не применяет автоматически виджеты к элементам на вашей странице.
Вы должны явно создать виджет кнопки вокруг вашего <button> элемент:
$(document).ready(function() {
$("button").button();
});
Это потому, что вы ничего не написали о применении определенной темы к кнопке. Пожалуйста, изучите основной синтаксис и использование jquery: w3schoos.com. Файлы, которые вы связали, обычно дают им функции javascript, что происходит, когда вы пишете некоторый код jquery. Некоторый код jquery также необходим. Если вы взяли его с веб-сайта, пожалуйста, пройдите полное руководство.
Это потому, что вы только что включили файлы JQuery UI. Пользовательский интерфейс jquery работает, если вы вызываете функции, доступные в пользовательском интерфейсе jquery для разных целей.
$( "#txtprofession").autocomplete({ source: availableTags });
это код для функции автозаполнения. здесь '#txtprofession' это идентификатор текстового поля, в котором я хочу реализовать функцию автозаполнения. Если я не вызываю функцию autocomplete(), которая доступна в пользовательском интерфейсе jquery, до тех пор пользовательский интерфейс jquery Тема не будет реализована в текстовом поле, так как некоторые классы должны быть переданы в это текстовое поле путем вызова функции.