ansaurus

Question

jQuery problem with firefox, isn't it cross-browser compatiable?

Answer 1

+9 A:

jQuery is cross-browser compatible. The problem is more likely to be in your code than in the jQuery source, so that would be the first place to look.

The first thing that stands out is the use of browser-detection code. jQuery recommends use of $.support instead of attempting to tailor code to specific browser versions, as your code will be more flexible going forward.

Secondly, what is the behaviour that you expect to see, what do you see in IE et.al and what do you see in Firefox? Having a clearer picture of your expectations is likely to lead more quickly to the correct answer.

EDIT:

Here's a Working Demo using your code, that works for me in Firefox 3.5.3. Add /edit to the URL to see the code. As can be seen, all <div> elements are set to be width 100px. When the DOM has finished loading, the width of <div class="download_box"> and <div class="download_pdf"> is shortened by 22px in all browsers other than IE.

jQuery code

$(document).ready(function () {

    var marker = $('#browser');
    $.each($.browser, function(i, val) {
      $("<div>" + i + " : <span>" + val + "</span>")
                .appendTo(marker);
    });

    var h = $(".img_cover").width();

    if ($.browser.msie) {
    $(".download_box").width(h + 1);
    $(".download_pdf").width(h + 1);
    $(".right_column").width(h);
    }
    else{
    $(".download_box").width(h - 22);
    $(".download_pdf").width(h - 22);  
    }
 });

relevant HTML

  <div class="img_cover" style="width:100px;background-color:blue;">.img_cover</div>
  <div class="download_box" style="width:100px;background-color:blue;">.download_box</div>
  <div class="download_pdf" style="width:100px;background-color:blue;">.download_pdf</div>
  <div class="right_column" style="width:100px;background-color:blue;">.right_column</div>
  <br/>
  <div id="browser"></div>

Russ Cam 2009-09-29 11:36:57

thnx alot,i tried to make alert(h);but it didn't work on Firefox ,and worked on Opera,IE...i think the problem is firefox didnt see the code inside the $(document).ready(function () {

Mossad osamy 2009-09-29 12:32:38

it will see the code inside $(document).ready() as demonstrated in the example. Can you amend your question post more information about how your page(s)/file(s) are setup. Something like the following- "I have this is in a Master Page - CODE HERE -", "I have this in a separate .js file - CODE HERE", etc, etc.

Russ Cam 2009-09-29 12:44:35

At the moment, we can't see where the problem is exactly as in the context of the code that you have posted, everything works as expected.

Russ Cam 2009-09-29 12:46:32

i know and it worked correctly on my local pc but when it attached on the aspx file and uploaded to the server Firefox didn't respond

Mossad osamy 2009-09-29 13:08:08

Answer 2

+2 A:

jQuery is cross-broswer compatible, as everyone is pointing out, so I'm not going to touch that part of the question. As for you question about the code not working in FF, can you try this:

// Note the px.
$(".download_box").width((h - 22) + "px");
$(".download_pdf").width((h - 22) + "px");

instead of

$(".download_box").width(h - 22);
$(".download_pdf").width(h - 22);

Kieron 2009-09-29 11:41:08

You should use brackets when mixing strings and integers... `((h - 22) + "px")`

nickf 2009-09-29 11:50:48

thnx 4 ur efforts but it didn't work :(

Mossad osamy 2009-09-29 12:12:57

Good point @nickf, corrected.

Kieron 2009-09-29 12:38:05

ansaurus

tags:

views:

answers:

jQuery problem with firefox, isn't it cross-browser compatiable?

related questions