I use jQuery UI 1.8.16 incl. the "smoothness" theme on a text input field. In FF FireBug, I can see all necessary dependencies for the slider appear:
jQuery 1.7.1
UI Core
UI Widget
UI Mouse
The theme is also loaded and all sources are checked. When inspecting the form field, the slider seems to be attached. But for some reason the slider doesn't appear as "slider".
Screenshot including FireBug
make sure the slider css is there. That would be the only thing i can think of. Maybe you didn't check the slider option when downloading the theme.
Edit: Moved from the comments. Some will work because there is ui-widget. So sometimes thats all it uses. For certain ones it has it's own, like slider.
Related
I have javascript scripts that work with jQuery 1.7.1, but don't with 1.11.1 that comes with Bootstrap v3.3.4
The code is across three scripts, but here is one part that toggles rows in a table:
$('#change-selection').click(function(e){
e.preventDefault();
$('.product-choice').toggle();
$(this).toggleClass('closed');
});
$('.compare th a').click(function(e){
e.preventDefault();
var className='tr.'+$(this).parent().attr('class');
$(className).toggle();
$(this).toggleClass('closed');
});
If I link the page to jQuery 1.7.1, toggling across the HTML table works, CSS works as well, but Bootstrap dropdown navigation stops working (fair enough, Bootstrap requires a higher jQuery version). If I use the jQuery that came with Bootstrap, toggling across the HTML table stops working, and CSS inside the table gets messed up. The code above should be a good start to fix the toggling at least. I read about what got deprecated with jQuery 1.9, but that was not enough for me to fix this. I replaced that one instance of attr with prop, but that did not make any change. Is this code troubling for that toggling function or I should look elsewhere?
Thank you
If you got to have, you can have 2 or more versions of jQuery on the same page. https://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page
I am working on a site that is using the Circular Content Carousel from Tympanus in conjunction with FancyBox on a site built with Bootstrap 3. I've noticed however, that the collapsible mobile menu that is part of Bootstrap is not working on this page. I realized that Content Carousel is using jQuery 1.6.2 while Bootstrap uses 1.9 or higher. When I remove the link to jQuery-1.6.2 the mobile menu works but the Carousel breaks, and when I remove jQuery-1.11.1, the carousel works but the mobile menu is broken. Linking both results in the carousel working but the mobile menu not working. I've tried using the jQuery.conflict script to no avail (whoever built the site had already begun to implement this unsuccessfully).
I've tried changing lines 217 and 227 of the contentcarousel.js file from .live to .on as per the stack overflow link here and removing the older jquery file. Now everything almost works except when you click on the + sign to enter the lightbox and then exit out of the lightbox, the content carousel no longer works. I've also noticed that after this change, when you hover over the dropdown menu, it stays in an active 'mouseover' state.
The site is here http://smmcnyc.com/work/bnc/history.html with history2.html being the version with the modified contentcarousel.js file.
Suggestions? Advice? Please help!
I have a problem with attributes (PrestaShop 1.6)
http://www.laddersukdirect.co.uk/telescopic-ladders/abbey-telescopic-ladders.html
If you click on Choose Size: from any browser but an android browser it works as it should.
BUT if you click on Choose Size: from an android browser it opens the options to select from then closes it straight away.
Anyone else have this problem if so have you solved the issue?
PrestaShop uses jQuery Uniform plugins to style up it's inputs. This plugin actually generates some divs that show the selected information and hides the actual input (opacity = 0). You should try inspecting the amrkup and you'll see what I'm talking about.
I think you have two options:
Trying to disable Uniform plugin from styling up that select element - either by calling some "undo" function (you should look up the documentation) or by removing the class from that triggers the plugin (I'm actually just guessing here)
Modifying product.tpl - replacing current select element with a basic select element (which I assume works on Android)
You can also use jQuery: remove the overlay element, and set opacity for select element back to 1. (I don't really recommend this method)
Well thank you very much, editing the product.tpl file was indeed the way to go.
It seems that the select form_control is not functioning properly with the explorer for mobile phones (it was working perfectly for Google Chrome on mobiles though).
This is a solution for your problem:
Open up product.tpl inside your themes folder and look for:
<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">
And comment out form-control after class so it looks like:
<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="attribute_select no-print">
Then to add your global.css file inside your {your_theme}/css
Add the following to make it look go again:
select#group_3.attribute_select {width: 60%!important;}
select#group_1.attribute_select {width: 60%!important;}
The numbers after group vary per website, so take a look which group number is being used for you attribute selector.
I am using fancybox to display some message and on the same page I tried to add a new JavaScript widget which require jquery 1.4.4 or higher versions.
I used jquery 1.8.3 and after adding this jquery file, alignment or positioning of the box is going wrong. If I don't use latest jquery file, JS widget will not work.
Please let me know how to solve this issue.
I'm looking for some combination of a plugin or clever programming technique that will allow me to have a context-style menu in jQuery but rather than actually triggering it from a right-click, I'd like to be able to have it triggered from a button that can potentially move to different locations on my window. I can handle the part of the button itself moving without much trouble. My requirements are:
It should be compatible with jQuery UI 1.8 and my custom themeroller-generated theme
It needs to be relocatable
I either need to have it execute a callback when an element is selected, or have it honor the href on any a tags that make up the menu elements
I looked at Selectmenu and it's close, but it seems to want to always show the currently selected item, which is not quite what I want. Also I had to hack around it in an ugly way to make it relocate properly.
This blog post is also pretty close but the jsEvent.clientX and jsEvent.clientY don't put the dialog in the right place and I'm a little stuck as to what to do about that. Also I don't really want the options to be buttons. The menu-ish plugins have them looking right.
This plugin here is pretty much exactly what I want (I'd have to add the bit about the button, but it doesn't look too hard). But that requires jQuery UI 1.9.
Any thoughts? It may be that this is just such a rare requirement that I have to roll my own, but somehow that seems surprising and I feel like I might be missing something.
I like this plugin. It seems that is more compatible than jQueryUI-contextmenu.
Is a fork of jQueryUI-contextmenu actually
jQuery-contextMenu
I liked it because it has more examples, and it says that only use one footprint in memory so it consume less resources in comparison to others. Works with +jquery 1.6 and don't necessarily need html markup,
The menu plugin you mentioned last seems to work fine with jQuery UI 1.8.x, but not jQuery UI 1.7.x.
jQ-UI 1.8.7: http://jsfiddle.net/william/xxGUW/
jQ-UI 1.8.9: http://jsfiddle.net/william/xxGUW/1/
jQ-UI 1.8.14: http://jsfiddle.net/william/xxGUW/2/
jQ-UI 1.7.2 (broken): http://jsfiddle.net/william/xxGUW/3/