jQuery dynamic css changing

Question

Why does the jquery not working in Opera and Chrome?

 <script language="JavaScript">
     $('link[href="includes/styles.css"]').attr("href", "includes/new_styles.css");
     $('link[href="includes/jmesa/jmesa.css"]').attr("href", "includes/jmesa/new_jmesa.css");   
 </script>

does it work with other browsers? Which is the error you're getting? — nowhere
– nowhere, Commented Feb 15, 2013 at 8:56
It works great in FF and IE. Uncaught exception: TypeError: 'o.find' is not a function Error thrown at line 12, column 5629 in <anonymous function: find>(E) in localhost:8080/.../jquery-1.3.2.min.js: o.find(E,this[0],F); called from line 12, column 681 in <anonymous function: init>(E, H) in localhost:8080/.../jquery-1.3.2.min.js: return o(H).find(E) called from line 12, column 128 in <anonymous function: l.$>(E, F) in localhost:8080/.../jquery-1.3.2.min.js: return new o.fn.init(E,F) — AkiraYamaokaNC
– AkiraYamaokaNC, Commented Feb 15, 2013 at 9:04
@krshekhar Again; do not use code formatting for this. 'jQuery', 'Opera' and 'Chrome' are product names - they are not code. They don't need to be highlighted in any way, please. — Andrew Barber
– Andrew Barber, Commented Feb 15, 2013 at 9:08

Jai · Accepted Answer · 2013-02-15 09:06:00Z

1

Try this out in doc ready: http://jsfiddle.net/YRC4N/

$(function(){
   $('link[href$="styles.css"]').attr("href", "includes/new_styles.css");
   $('link[href$="jmesa.css"]').attr("href", "includes/jmesa/new_jmesa.css");

   $('link').each(function () {
      console.log($(this).attr('href'));
   });
});

answered Feb 15, 2013 at 9:06

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gaurav Pandey · Accepted Answer · 2013-02-15 09:01:28Z

0

Try:

<script language="JavaScript">
 $('link[href*="includes/styles.css"]').attr("href", "includes/new_styles.css");
 $('link[href*="includes/jmesa/jmesa.css"]').attr("href", "includes/jmesa/new_jmesa.css");   
 </script>

answered Feb 15, 2013 at 9:01

Gaurav Pandey

2,7964 gold badges28 silver badges41 bronze badges

5 Comments

Gaurav Pandey Over a year ago

Ok so troubleshoot more, can you move the script to the lowest end of the body? or just put this script inside $(document).ready();

Gaurav Pandey Over a year ago

Hmmm.. Ok lets troubleshoot more.. first you should check in other browsers if you can get the reference of the links in your script. I mean alert($('link').length); Then if you get the right count, alert($('link[href*="includes/styles.css"]').length). if you get zero, the try with alert($('link[href$="styles.css"]').length). I am waiting here.

AkiraYamaokaNC Over a year ago

FF and IE have found all link tags successfully. In the Chrome console I have found this: Uncaught TypeError: Object function (E,F){return new o.fn.init(E,F)} has no method 'find'.

Gaurav Pandey Over a year ago

Ok.. so can you show somehow your page? or you can click on 'view source' and send?

AkiraYamaokaNC Over a year ago

Thank you for help, but I have found the trouble - prototype and jQuery conflict ($ -> jQuery)

Collectives™ on Stack Overflow

jQuery dynamic css changing

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related