jQuery UI specific use. Which .js to download? -
i looking test widgets -> dialog -> modal confirmation.
jquery-ui.js heavy load specific use. jq ui site downloaded folder containing lots of small .js files
i guess part of main js. i've tested load jquery.ui.widget.js , jquery.ui.dialog.js console error:
uncaught typeerror: object function ( selector, context ) { // jquery object init constructor 'enhanced' return new jquery.fn.init( selector, context, rootjquery ); } has no method 'widget'
next codes copy of jq ui sample http://jqueryui.com/dialog/#modal-confirmation
sample displays , works expected loading heavy query-ui.js file only
src="/js/jquery.ui.dialog.js" src="/js/jquery.ui.widget.js" $(function() { $( "#dialog-confirm" ).dialog({ resizable: false, height:140, width:350, modal: true, buttons: { "accept": function() { $( ).dialog( "close" ); }, "refuse": function() { $( ).dialog( "close" ); } } }); }); html
<div id="dialog-confirm" title="confirmation"> <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>select option</p> </div>
if want use , download files necessary dialog widget visit jquery ui download builder
uncheck "toggle all" checkbox , check widgets -> dialog. each other file necessary gets checked automatically. according link this one. note can change css configuration @ bottom of page above download button.
the downloaded .zip should contain 3 folders
js
development-bundle
css
the important 1 js folder includes jquery version (no ui without jquery) , customized jquery ui .js files. 1 in readable form, 1 minified. if open jquery-ui-1.10.3.custom.js file can see includes. in case should be:
jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.position.js, jquery.ui.draggable.js, jquery.ui.resizable.js, jquery.ui.button.js, jquery.ui.dialog.js
i hope got question right , want.
Comments
Post a Comment