jquery-tools

问题 I build this image gallery using jquerytools, I'm using scrollable div on thumbs and overlay on the main image... Everything works like charm.. EDIT: Before I make this a bounty...I have to explain that I need something clean and simple like this, because the images come from php (encrypted) , and I can't modify this, just the "view" as I need to achieve this with something like classes and ids. This is why I try this but... The problem is I need to insert a Next and Prev Buttons when you are

问题 I'm using the jQuery Tools Validator which implements HTML5 validations through jQuery. It's been working great so far except for one thing. In the HTML5 specification, the input type "number" can have both integers and floating point numbers. This seems incredibly short-sighted since it will only be a useful validator when your database fields are signed floating point numbers (for unsigned ints you'll have to fall back to "pattern" validation and thus loose extra features like the up and

问题 I have a component to which I assign a tooltip upon first mouseenter (sort of a lazy assignment of tooltip to component) I use the lazy approach since there are many tooltip'able components and I don't want to pre-assign the tooltips to all of them. $(document).delegate(".tooltipable", "mouseenter", function () { $(this).tooltip(... options ...); $(this).tooltip().show(); // The tooltip will not appear on first `mouseenter` so I have to explicitly show it here }); This works just fine. I

问题 I've used tooltip for a <div> It will hide() after couple of seconds If I'll mouse over it's trigger after it for the first time it will not appear only after I move the mouse over it the second time it will appear I used onShow event for binding and used window.setTimeOut is it a problem in the tooltip or in jquery? something like this: $(document).ready(function() { x = $("button").tooltip({ api: true, position: "center right", onShow: function() { var hid = function() { x.getTip().hide();

问题 I'm using the jquery plugin: Tools.tooltip() Seems like the positioning is really a problem. When the tooltip is wrapped in some container with position:absolute, you'll need to add relative:true in the conf dictionary so the tooltips are positioned properly. Now the problem is: if you have both a position:absolute wrapper as well as tooltip triggers with margin, the position will be messed up <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script src=

问题 i want to use both of these jquery tools plugin in a page: http://flowplayer.org/tools/demos/scrollable/site-navigation.html and http://flowplayer.org/tools/demos/scrollable/easing.html but they conflict with each other.i mean when i scroll through the first one the second one also scroll. how can i solve it? 回答1: how to use two is in the same site of flowplayer http://flowplayer.org/tools/scrollable/#features the only thing that you need to do is put all the code in a div include in that the

问题 How can I test if jQueryTools library has been loaded like we can do in jQuery or jQueryUI? As I use cdn to load the libraries, I have to be sure of are properly loaded. With jQuery I use this code (using jQuery() function): if (jQuery) { // library loaded } So I load the library using: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="jquery.min.js"><\/script>')</script> Anything similar with

问题 I am using the jquerytools scrollable library. http://jquerytools.org/demos/scrollable/plugins.html#navigator Navigation works all fine. But I have a couple dozen pages. So I want to tell the slider to scroll to the first/last page. How can I do it? Thats what I use so far. $( ".items" ).css('left',0); It works, only that the navigator buttons don't recognize that i scrolled O.o What to do? 回答1: this worked: $form.find(".scrollable").data("scrollable").begin(0); // scroll to beggining of

问题 I use Jquery tools rangeinput. For example I have: <input id="testId" title="test" class="range" type="range" name="test" min="0" max="3000" value="15" /> And script: $(".range").rangeinput(); $("#testId").live('change', function() { console.log($(this).data("rangeinput").getValue()); }); So by default my value is 15. Then I type in my input 25, but result in console is 15, than I type 20, but result is 25. What am I doing wrong? Thank you! 回答1: Try it this way instead. What's happening is

问题 I've pretty much successfully implemented an instance of jQuery's "scrollable" plugin but I'm having a peculiar issue with mouse wheel navigation. If you attempt to mouse wheel when the scrollable pane is in its initial state, nothing happens. But if you navigate with the buttons and then use the mouse wheel it scrolls back to the beginning then stops working. The reason seems to be that it interprets every mouse wheel move as a backwards move. Why is this? And can it be changed? (Everything