Introduction"

From Documentation
Line 20: Line 20:
 
You should consider implementing your client code with the bundled jQuery first. For API details, please refer to [http://docs.jquery.com/Main_Page jQuery Documentation] for details.  
 
You should consider implementing your client code with the bundled jQuery first. For API details, please refer to [http://docs.jquery.com/Main_Page jQuery Documentation] for details.  
  
 +
== Version ==
 
To obtain the jQuery version bundled with your ZK version enter <tt>jq.fn.jquery</tt> into Console tab of a developer tool.
 
To obtain the jQuery version bundled with your ZK version enter <tt>jq.fn.jquery</tt> into Console tab of a developer tool.
 +
  
 
== Load Multiple jQuery ==
 
== Load Multiple jQuery ==

Revision as of 08:04, 12 September 2018




ZK Client-side Reference is the reference for client-side programming, including component development.

Client-side programming is optional to application developers. However, if you'd like to have more control of the client, please refer to the General Control and Customization sections. The other sections are more for component development.

If you would like to develop a component, you should read ZK Component Development Essentials first for introduction. Then, you could reference this book if there is an issue.

jQuery

ZK Client Engine is based on jQuery, so you can use jq or $ as a jQuery object like:

$( "div" ).click(function() {
    //...
});

jq(mySelector).css( "background-color" );

You should consider implementing your client code with the bundled jQuery first. For API details, please refer to jQuery Documentation for details.

Version

To obtain the jQuery version bundled with your ZK version enter jq.fn.jquery into Console tab of a developer tool.


Load Multiple jQuery

If you want to load a different version of jQuery, which is not recommended, you need to avoid 2 versions of jQuery conflicts by noConflict() (Please refer to https://api.jquery.com/jquery.noconflict/)

<zk>
	<javascript src="https://code.jquery.com/jquery-2.1.4.min.js" />
	<javascript>
	var jQuery2 = jQuery.noConflict(true);
	</javascript>
<!-- other components -->
</zk>
  • Line 6: Restore ZK registed jQuery object. Use a different version (2.1.4) of jQuery with jQuery2





Last Update : 2018/09/12

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.