jquery-plugins | 易学教程

How to trigger submit using jQuery Form when button is not rendered using type=submit?

阅读更多关于 How to trigger submit using jQuery Form when button is not rendered using type=submit?

问题 Given this form <form id="posts_form"> <input type="file" value="" name="picture" > <span class="picture_js fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right"> <span class="fc-button-inner"> <span class="fc-button-content save_button">Share</span> <span class="fc-button-effect"> <span></span> </span> </span> </span> </form> I'm using this <span> based button for style purposes. What I'm trying to do is bind a click event on the <span> button and fire a submit function,

How do I use the jquery scrollbar paper plugin?

阅读更多关于 How do I use the jquery scrollbar paper plugin?

问题 I want to use the jquery scrollbar paper plugin to alter the style of scrollbars within the document. However the page for the plugin does not seem to have any documentation. How am I supposed to use this plugin (aside from including the js and css files the downloaded zip file gives you)? 回答1: The example page shows that all you need to do is use the jQuery plugin on any elements you want to have a custom scrollbar. $('.use-scrollbarpaper').scrollbarPaper(); And this adds divs with classes

Making a tag suggestion using jQuery chosen plugin

阅读更多关于 Making a tag suggestion using jQuery chosen plugin

问题 I am using jquery chosen plugin https://github.com/harvesthq/chosen/ to make my select form fields pretty. Here is the demo page for chosen plugin https://github.com/harvesthq/chosen I was thinking if it is possible to make tags like stackoverflow using chosen plugin because some of its feature looks alike. I am also like to know how do i use chosen with ajax to add tag suggestions. I could use one of those jquery tags out there but i would like to know if i can do it using chosen so i don't

jQuery's tabletogrid example

阅读更多关于 jQuery's tabletogrid example

问题 I have a HTML table and I would like to change the table to grid using jQuery's JQGrid plugin. How would i do that? Here is my HTML: <HTML> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.jqGrid.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ tableToGrid("#distTable"); }); </script> </head> <body> <table id="distTable"> <thead> <tr> <th>Name</th> <th>Platform</th> <th>Size</th> </tr> </thead>

jQuery wont load

阅读更多关于 jQuery wont load

问题 jQuery wont load. I'm a noob. Tried many things, various syntax tweaks. heres how it stands... Using jQuery on my hard drive, current version jquery-1.7.1 (also tried v1.7.1.min). have tried to use the following plugins 1) .scrollTo-1.4.2-min 2) .jqDock.min & jquery.jqDock 3) .jtruncate(current) & jquery.jtruncate.pack Am using IE8 and Chrome to check on local. Debugging says... (jquery-1.7.1.js) invalid character Line 1 (NB: line 1 is just the beginning of the credit info greyed out text /*!

Attach multiple jQuery plugins onto a single element

阅读更多关于 Attach multiple jQuery plugins onto a single element

问题 According to the jQuery plugin development guides from the Internet, the common practice of developing a jQuery plugin would be: (function($) { $.fn.myplugin = function(options){ //... //Plugin common characteristic //e.g. default settings //... //Attach to each desired DOM element return this.each(function(){ //Instantiation stuff... }); } })(jQuery); $(document).ready(function(){ $(".someclass").myplugin(); }) It seems to me that, if the elements with class "someclass" have been attached to

how to kill/reset a running jquery plugin?

阅读更多关于 how to kill/reset a running jquery plugin?

问题 I have a slideshow plugin which works fine. Alone... I have 3 different buttons on one page. They all call the same jQuery slideshow plugin and load the slideshow with different images into the same divider (with id="slideshow") I remove the slideshow and it's elements from the #slideshow every single time before I load the new slideshow with the new images. It would all work fine except that the more times I click on the buttons the messier the whole thing gets because the plugin is opened

jQuery plugin: How to access elements where plugin was applied from secondary function?

阅读更多关于 jQuery plugin: How to access elements where plugin was applied from secondary function?

问题 I am new to jQuery and I am building a custom plugin, it looks something like this (pseudo-code): jQuery.fn.myPlugin = function( options ) { var defaults = { interval : 5 * 1000 }; var interval_handler = setInterval( function( ) { update( ); }, interval ); var opts = $.extend( defaults, options ); return this.each( function( ){ $( this ).bind( event, stuff ); }); function update( ) { if ( condition == true ) { clearInterval( interval ); // unbind() foreach element the plugin has used } } } My

JqGrid's Row selected by default

阅读更多关于 JqGrid's Row selected by default

问题 I want to set a jqgrid's row by default and to do something with this event. is it possible ? I'm workin' with asp.net (C#) and Json 回答1: You can use setSelection method of the jqGrid to select a row. The bast place to do this is inside of loadComplete event. You can use getDataIDs method or just use data parameter of loadComplete. In case of usage of the standard jsonReader in data.rows you have the array of rows send from the server and data.rows[iRow].id is the id if the row with the 0

Difference in $.extend calls in a plugin?

阅读更多关于 Difference in $.extend calls in a plugin?

问题 I believe this question relates to this: How does the init function work in plugins? and whoever can answer this can probably answer that. I noticed something about jQuery, if I call my plugin like: $('.view_title_images').prodigal({width: 500}); $('.glglg').prodigal({ width: 600 }); And then, in my init function I extend with: options = $.extend({}, options, opts); and add that to each element: $(this).data('prodigal', options) in the selector. I get the correct width value for each element