I've added tinynav to a wordpress theme as a responsive menu. it outputs all of the menu info just fine however when selecting an option the page does not go the options value. Is there a way I can force this to work through jQuery, JavaScript?
TinyNav should have taken care of this but it must be conflicting with JS within the theme. I'm relatively poor at JS jQuery so any help is much appreciated.
the site is at http://cab9snowboarding.com/ just reduce the page size to see the menu.
Thanks in Advance!
Related
I'm looking for an help on changing an option in the CarouFredSel plugin that I've found in the Avada Wordpress Theme. This plugin seems to be integrated and it is not something I can activate or deactivate.
I want that the carousel stops with the last image, on their website they say to edit and set the variable circular to false, but they don't say where. I did this change in main.js, jquery.carouFredSel-6.0.0.js, jquery.carouFredSel.js changing the default global variable but probably somewhere in Avada theme they are overriding it.
Can somebody help me on this "easy" thing? The Avada theme doesn't give support, and the support page of the plugin doesn't work.
Here the link for the configuration: theme-fusion.com/knowledgebase/how-to-customize-the-carousel I'm using it inserting an "Image Carousel" element into the Wordpress page, directly through the user-friendly interface. I can set some variables but not the one about stopping.
This is his Wordpress code in the page: [images picture_size="fixed" hover_type="none" autoplay="no" columns="4" column_spacing="2" scroll_items="2" show_nav="yes" mouse_scroll="no" border="no" lightbox="no" class="" id=""]
I'm developing a theme for an online store from scratch, I used underscores and Bootstrap and now I want insert a slider with the MetaSlider Plugin.
The problem is that I have no controls, and also the slider is not working, get stuck in the first image.
The curious thing is that in the admin page when I click on "save and previsualize" it works perfectly.
I inspected the code and I realized that the <ul> element that contains the controls is not there, so is not a css problem.
Check if there is no any conflict with another plugin. It may cause if there is another version of jQuery library that embedded in the page.
I have been having some kind of trouble creating the kind of sidebar navigation menu that is found on the Twitter Bootstrap Documentation site, pls do help me, I need it for a clients project?
I think what you are referring to is called Affix, and bootstrap includes it as a plugin. You just have to give it the appropriate class or via JS.
Here is some more info on it:
http://getbootstrap.com/javascript/#affix
I am trying to make the popover feature that is included in bootstrap which Twitter has provided. I have been trying to make it work for a while now and am totally burnt out of ideas on making it work, here is a sample of what I currently have for it http://jsfiddle.net/JPf9y/1
HTML
popover
Javascript
$("a[rel=popover]").popover();
It won't work when I click it, I checked to make sure my directory is written correctly.
Thank you!
You need to include the bootstrap javascript, bootstrap css, and jQuery javascript in your page. They can be downloaded here:
http://twitter.github.com/bootstrap/assets/bootstrap.zip
http://code.jquery.com/jquery-1.9.1.js
For the JSFiddle you can include jQuery under the Frameworks and Extensions menu on the left and other files, such as bootstrap's js and css, using the External Resources tag on the left side. For your fiddle I referenced the .js and .css files from http://cdnjs.com/.
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js
http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css
Updated JSFiddle
I am trying to implement the JScrollPane plugin on my website. Having taken a look through numerous FAQ/tutorials for this and double checked my scripts but cannot see where something is going wrong.
All of the scripts are being correctly referenced, I am calling the latest version of the JQuery library and I have the CSS being called before the scripts.
The page I am trying to implement this on is:
http://theindiecinema.com/walking-backwards/99 (click on the rate button on the right side of the tv)
To see the scrolling box that the JScrollPane should be being applied I have set up a duplicate page but with the JScrollPane stuff removed:
http://theindiecinema.com/testing-nopane
Please can I get some advice of how I can get this working.
Much Appreciated
Francis
Call jScrollPane on .commentslist when it's revealed (by clicking Rate), not on $(document)ready. jScrollPane is having trouble initializing while the target element's parent is hidden. You should only have to do this once, but it won't really even matter if you re-call it every time you show #comments.
Alternately, you could un-hide #comments in your external CSS, then on document-ready, first initialize jScrollPane on .commentslist and then hide #comments.