jquery-plugins

问题 What I would like to do is dictate where my thumbnails are instead of using the main images as the thumbnail. I'm pretty sure this can be done, I just need a little push in the right direction. Here is my Code: <script type="text/javascript"> $('#imageContainer').before('').cycle({ fx: 'fade', speed: 2000, timeout: 8000, pager: '#nav', // callback fn that creates a thumbnail to use as pager anchor pagerAnchorBuilder: function(i, slide) { return '<li><a href="#"><img src="' + slide.src + '"

问题 I am trying to use the remote Chained plugin in CakePhp (http://www.appelsiini.net/projects/chained) I used Jquery to test an alert and that works but just the chained plugin is not working. I am trying to follow the example on their website using their code. If you want to view my page go to http://team.southpacificavionics.com/customers/test login: guest password: password jquery.chained.remote.min.js /*! Chained 1.0.0 - MIT license - Copyright 2010-2014 Mika Tuupola */ !function(a){"use

问题 I'm using Gridster (http://gridster.net/) which able to drag the content inside the li . In my li there is a clickable div. <li data-row="1" data-col="1" data-sizex="2" data-sizey="1"> <a href=' '> <div> content </div> </a> </li> so here is the problem I'm facing, when I stop and release the dragging, it will invoke the click in the div, how can I just dragging the div, but not invoking the click after drag stop&release. I do not want it to redirect to another page after dragging( user drag

问题 I am using jQuery to show or hide a span. But I want the <div> to appear in the same place as the link I click. The current code actually shows the <div> tags on the left side of the screen. Here is the code i am using. <script> $(document).ready(function(){ $(".slidingDiv").hide(); $(".show_hide").show(); $('.show_hide').click(function(){ $(".slidingDiv").slideToggle(); return false; }); $(".slidingDiv1").hide(); $(".show_hide1").show(); $('.show_hide1').click(function(){ $(".slidingDiv1")

问题 I'm using simple jcarousel here is ther code: http://jsfiddle.net/w6fLA/ I'm trying to show div box with txt when hover "li" but overflow hidden hides the element how can I show box top of everything? here is my js: $('.jcarousel-skin-tango li').hover( function(){ $(this).append($("<div class='box'><p>" + $(this).find('img').attr('alt') + "</p></div>").hide().fadeIn(300)); }, function(){ $('.box').fadeOut(300, function() { $(this).remove();}); } ); 回答1: This still needs some finessing, but

问题 I am trying to make this captcha jquery plugin to work. The a certain line of code is executed, the error pops up. This is the line of code that causes the error : $(".ajax-fc-" + rand).draggable({ containment: '#ajax-fc-content' }); What I am assuming is that there is some kind of conflict with the javascript reference, but can't determain what. These are the referenes that I am using <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"><

问题 I was looking for a plugin to create a smart location form field which has a suggested autocomplete. I was unable to find anything suitable (Google Geocode is too unreliable on its own, and it isn't designed for this) so I built my own. I thought it was crazy that in 2011 an open-source global location input plugin like this didn't exist so set out to give it a go. The demo is here http://labs.unxposed.net/unxposed/geocode/ and is working on Chrome and Firefox 4. Download is here https:/

问题 How can I remove the white line between slices and background in Flot pie chart ? My jsfiddle As you can see it looks like that: I want it to look like that(Ignore my bad artistic skills): My Code: $(function () { var data = [ { label: "Read", data: 50, color: '#614E43' }, { label: "Unread", data: 150, color: '#F5912D' }]; $.plot($("#star"), data, { series: { pie: { radius: 0.2, innerRadius: 0.125, show: true } } }); }); 回答1: You can add the STROKE Property pie: { radius: 0.2, innerRadius: 0

问题 I have one Date column, formatted '17/03/2012'. I would like to be able select a start and end date and if the 1 date column above is within this date range it will filter the column. Below is the code im using: Start Date: <input type="text" id="dateStart" name="dateStart" size="30"> End Date: <input type="text" id="dateend" name="dateend" size="30"> <script type="text/javascript" charset="utf-8"> $.fn.dataTableExt.afnFiltering.push( function( oSettings, aData, iDataIndex ) { var iFini =

问题 I'm attempting to use the .on() from jQuery to catch a scroll event that is inside a tag. so this was my solution: the div id='popup' the .fixedHeader class is something I'm trying have fixed at the top of the div frame. getScrollTop() is a javascript function to return the top value (works) $(document).on("scroll#popup", '#popup', function(){ alert('scrolling'); $(".fixedHeader").css("position", "relative"); $(".fixedHeader").css("top", getScrollTop()); }); 回答1: The event is simply scroll ,