jquery-plugins

问题 Have a look at the following code (additionally, you will need jquery.js, jquery.viewport.js and jquery.scrollTo.js). The behaviour I would expect from this script is that whenever I scroll the page, the red rows ( <tr> elements with class alwaysVisible ) should be inserted just underneath the top-most visible row ( <tr> element) of that table. Then, the page should be scrolled so that the first of these red rows appears "exactly" at the top of the viewport. What actually happens is that

问题 I a couple of issues using Tablesorter 2.0.3. The first issue is when I set a colspan on my table. Basically when I do this as below it doesn't sort the respective columns. <table> <thead> <th colspan="3"></th> <th>Four</th> <th>Five</th> <th>Six</th> <th>Seven</th> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> </tbody> </table> The second issue I have is that no matter what I set the sortInitialOrder ("desc" or "asc") in the

问题 I have a need for a time entry widget for lengths of time but it needs to support > 24 hours entry i.e. not be constrained to a maximum of 23:59. I want to be able to enter values up to 99:59 - i.e. 99 hours, 59 minutes. I've seen and used jquery.timeentry.js which is excellent, but is based on a Date object which won't handle my requirements. Are there any jquery plugins which would handle my requirements? 回答1: You can give a try to http://trentrichardson.com/examples/timepicker/. See the

问题 I am using the jQuery plugin Jcrop. I have an issue with one of the initial setup settings called setSelect. The property takes in an array with two sets of x and y coordinates (top left corner, and bottom right corner). <img src="blah" id="cropTool" /> <script type="text/javascript"> $(function() { $('#cropTool').Jcrop( { setSelect: [ $('#cropTool').width()/4, $('#cropTool').height()/4, ($('#cropTool').width()/4)*3, ($('#cropTool').height()/4)*3 ] }); }); </script> Visually this does exactly

问题 I am looking for a very minimal jQuery rich textbox plugin for a web app I am working on. The user will only need to see the 'textbox', and not any toolbars as all of the rich formatting will be coded depending on what they type. I have attempted to create my own with an iframe, but there are problems. One of them being when wrapping strings in divs, the caret is moved to the beginning and it can't be moved inside the div without clicking. http://jsfiddle.net/DVjYa/ This is a problem because

问题 I'm using http://designwithpc.com/Plugins/Hovercard , but I can't find out how to declare a var on hovercard. Every job-desc has his own ID and it should be call when hovering labels. I hope I explained well. <li id="577" class="item"> <span> <h3 class="padding-left"><label class="labeldesc" for="">Text</label></h3> </span> <span class="job-descr" id="hiden-577">TextTextTextTextText</span> </li> <li id="588" class="item"> <span> <h3 class="padding-left"><label class="labeldesc" for="">Text2<

问题 I have been filtering my way through jQuery tooltip plugins and have found tipsy. It is used by GitHub, that was what I based most of my decision on. I really like it and it is really easy to use. I am having a problem with it though. I need the tooltip to fade in on focus, not hover. It currently works but only on hover. Here is my current code: $('input.tip').tipsy({trigger: 'focus', gravity: 'w', fade: true}); With or without trigger: 'hover', makes no difference. I read the docs

问题 Using jQuery plugin jEditable. Problem I'm having is that I want whatever is editable to display the text instead of the html after I trigger the jEditable event. For example if I have an element <span class="editable">Jack & Jill</span> , when I click it, I get Jack & Jill , but what I want is Jack & Jill as my value in the input so that the user doesn't see HTML. There must be something I can do with the data setting [perhaps a value.replace(); or something]. Right now I just have it

问题 Working on an project which has variety of functionality in it such as, Google translator Image Slider [galleriffic used] Popup window [Shadow box used] JavaScript horizontal menu bar* Now we are getting jquery conflict in it and error message such as I know such message are occurred when the code doesn't find the jquery file but the files is present . Here are the list of files used in the project This is needed by the google translator 1.<script type="text/javascript" src="//ajax.googleapis

问题 The first submit works as expected, but the next time it's fully posted back. I'm using jQuery.form plugin, specifically the .ajaxSubmit(options) call to submit the form. There are a couple levels of wrapper div's, but I debug the button.click binds and I can't figure out why the second time, even with the same variables, it does a full post and my partial view is returned on a brand new page. here, buttonid and screenid are the same on both posts. I indicate this because they're calculated