Najlepszy samouczek wykorzystaniem jQuery UI W 2024 r. W tym samouczku możesz dowiedzieć się Użyj jQuery UI na stronie,
Po pobraniu UI jQuery, dostaniesz archiwum zip zawiera następujące pliki:
/css/
/development-bundle/
/js/
index
Otwarty w edytorze tekstu index
, widać szereg odniesień do plików zewnętrznych: tematy, jQuery i jQuery UI. Zazwyczaj te trzy pliki trzeba odwoływać się do strony w celu wykorzystania widgetów jQuery UI i interaktywne elementy:
<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" /> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.custom.min.js"></script>
Po odwołać te niezbędne pliki, można dodać kilka widżetów jQuery na swojej stronie. Na przykład, aby utworzyć wyboru daty (datepicker) widżet, trzeba dodać pole wprowadzania tekstu na stronie, a następnie zadzwonić .datepicker()
w następujący sposób:
HTML:
<input type="text" name="date" id="date" />
JavaScript:
$( "#date" ).datepicker();
Aby zobaczyć przykłady pokazują widgety jQuery UI i interaktywne elementy, odwiedź instancję jQuery UI .