jquery-plugins

问题 When using live() and clicking text box while in edit mode the box expands as if the editable was binding each time you hover over it..how do you fix it? thanks $('.edit').live('click', function(){ $('.edit').editable('folder_edit.php', { style: 'padding: 1px 2px 1px 3px', style: 'font-size: 12px', style: 'background-color: #ffffaa' }); }); 回答1: I'm pretty sure you could have also done something like... $('.edit').live('click', function(){ $(this).editable('folder_edit.php', { 回答2: I fixed it

问题 I'm trying to implement a lazy load for images that are inside a carousel created with the carouFredSel jQuery plugin. Do you have any advice or have you already achieved something similar? It seems that it can't do it by default. 回答1: @Stefano- what have you tried so far? (Show some code if you can). It will help us see exactly whats going on. As a rule of thumb with lazy loading, make sure you put a place holder image as the src in your html like: src="img/grey.gif" . This image can be

问题 On my page I have 6 boxes below a main image that uses JS to have a nice fade in effect. On this page I also have Fancybox Load at the start of the page (using onload) to show an image that the user needs to see. The issue is when the user first loads the page one of the boxes will barely show here is a screenshot of the issue: http://screencast.com/t/ROU61nMSgzy The question is how do I resolve this so this issue does not happen? Note: Once the page is cached this issue does not happen. Here

问题 I'm using the tipsy jquery plugin to create tooltips for dynamically appearing elements. The tooltips work on non-dynamic elements, so I've definitely included everything that I need. I'm using jquery 1.5.1 This is my jquery code: $('.voted-user-image').tipsy({gravity:'s', live: true}); This is the html of an image link element that appears dynamically in a div after a link is clicked that triggers an AJAX request: <a href="/profiles/2" class="voted-user-image" title="Test"> <img alt="Justin

问题 I'm using the tipsy jquery plugin to create tooltips for dynamically appearing elements. The tooltips work on non-dynamic elements, so I've definitely included everything that I need. I'm using jquery 1.5.1 This is my jquery code: $('.voted-user-image').tipsy({gravity:'s', live: true}); This is the html of an image link element that appears dynamically in a div after a link is clicked that triggers an AJAX request: <a href="/profiles/2" class="voted-user-image" title="Test"> <img alt="Justin

问题 I'm using this jQuery plugin to get a one-page scroll effect. However, as you can see on this page, it doesn't work and instead just locks the scroll. jQuery is working fine - I can run an alert for example. Might the CSS file that comes with the plugin be conflicting with my existing one? Thanks in advance for your help! 回答1: please try to call these two files from your server https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.min.js https://raw.github.com

问题 I have wrote this simple plugin which smooth scrolls the browser window and adds the hash link to the URL. $.fn.extend({ scrollWindow: function(options) { var defaults = { duration: "slow", easing : "swing" } var options = $.extend(defaults, options); return this.each(function() { $(this).click(function(e) { var target = $(this).attr('href'); $('html,body').animate({scrollTop: $(target).offset().top}, options.duration, options.easing, function() { location.hash = target; }); e.preventDefault(

问题 I'm using Twitter Bootstrap 3 with jQuery Validate plugin, but for some reason when the validation error message pops up it STRETCHES my Input Group-Addon box and the icon. NORMAL [NO VALIDATION] WITH VALIDATION Here's my Fiddle in case you want to solve the problem: My Fiddle I've tried multiple solutions on the web such as GitHub Issue of Input Addon and Input Addon issue on Stack Overflow But I can't seem to fix the problem, no matter what I try. Please let me know what do I have to do to

问题 In my nested slideshows I have 'prev' and 'next' controls. I would like to be able to reduce the css opacity of 'prev' if you are on the first slide and 'next' if you are on the last slide. The 'after: onAfter' option would have been sufficient but it didn't appear to work when placed in my code for the nested slideshow controls. Is there a way to implement 'after' correctly in a nested slideshow, or alternatively test for first and last images in the nested slideshow? Thankyou Here is my

问题 I have a slideshow running with the awesome cycle plugin, and when you click a button in the show, I show a hidden layer on the page and send a 'pause' command to cycle. I'm having two problems: When the pause command is received, cycle immediately flips back to the 1st slide in the sequence (why??), and doesn't hit my before/after callbacks. After closing the layer, I send a 'resume' command to cycle. The slideshow resumes (from the 1st slide, where the pause left it), but now cycle doesn't