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

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -