7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

jQuery help needed

by therizone
6 replies
  • WEB DESIGN
    • |
I'm struggling to make a jQuery testimonial rotator plugin to work on my html template. I have successfully installed and checked that it is working in a different html file in the same path, but doesn't work within the same path on a another html file. I have used the same header scripts, imported the same set of css/js files but I still can't figure out what is causing the issue. I have even used the noConflict() method, even that didn't resolve the issue Any help is highly appreciated Working URL - Rotator Demo : A Simple Rotating Quotes Not Working URL - Casa Granda - Naga
#jquery #needed
  • Profile picture of the author Michael71
    Check your code:

    Code:
    <script type="text/javascript" src="js/jquery.quovolver.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var jq = $.noConflict();
</script>
	<!-- JavaScript Test Zone -->
	<script type="text/javascript">
	jq(document).ready(function() {
		
		jq('blockquote').quovolver();
		
	});
	</script>
    What is wrong there?

    First, at least I would do so, load jQuery before quovolver.js.

    Then write your code like this:

    Code:
    <script type="text/javascript" src="js/jquery.quovolver.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		
		$('blockquote').quovolver();
		
	});
	</script>
    noConflict mode is not necessary, you are not using it at all in the whole document.

    Besides that, you are already loading jQuery 1.7.1 (jquery.min1.js).

    And I see a lot of other errors... but that's another thing
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[7841158].message }}
    • Profile picture of the author therizone
      Michael,
      Thank yo for taking your time and looking into my issue.
      I have tried doing what you've suggested but it still doesn't resolve my issue

      When I check the code using firebbug, there is a div function called on the template that is working fine which is div id="quote_wrap", which doesn't show up when I check the code using firbug on the template where this rotation functionality is not working

      As you can see, I've tested everything, I have used the same header elements in both the elements, but still its the same issue...

      Do you think this has anything to do with the order of how the js files are called in the header tag?
      Signature

      {{ DiscussionBoard.errors[7841200].message }}
  • Profile picture of the author Michael71
    Honestly, your header section is really a mess...

    First I would fix all errors, especially the 404 errors on your site.

    Code:
    Failed to load resource: the server responded with a status of 404 (Not Found) http://www.thewebsitedesigner.info/casagrandademo/css/forms.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.thewebsitedesigner.info/casagrandademo/css/ui.totop.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.thewebsitedesigner.info/casagrandademo/css/smoothness/jquery-ui-1.8.17.custom.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.thewebsitedesigner.info/casagrandademo/skin/blue.monday/jplayer.blue.monday.css
Uncaught TypeError: Object [object Object] has no method 'eislideshow' index.html:356
Uncaught TypeError: Object [object Object] has no method 'tabs' setup.js:10
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.thewebsitedesigner.info/casagrandademo/images/pro_images/blockquote.png
FB.getLoginStatus() called before calling FB.init(). all.js:52
Unsafe JavaScript attempt to access frame with URL http://www.thewebsitedesigner.info/casagrandademo/index.html from frame with URL http://www.youtube.com/embed/dXqtXd9BKKo. Domains, protocols and ports must match.
 common.js:20
Uncaught TypeError: Object [object Object] has no method 'flexslider'
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[7841275].message }}
  • Profile picture of the author therizone
    Michael, I sent you a skype request, please add me.
    I was able to make the jQuery work, but now one of the other pages has a problem...
    Can you please help.
    Issue page - Casagranda
    but this is how it is supposed to be - Casagranda
    Signature

    {{ DiscussionBoard.errors[7844409].message }}
  • Profile picture of the author therizone
    Its working fine now, I figured out the issue
    Signature

    {{ DiscussionBoard.errors[7844492].message }}
  • Profile picture of the author techdharma
    Michael... I just did the responsivedesign test on my site (techdharma.com) and it looks great! i think i got an A. whohoo!

    nice tool dude. kinda like stretching the browser without mmmm stretching the browser.
    {{ DiscussionBoard.errors[7845182].message }}

Trending Topics