Множественный код jquery работает в любом браузере, кроме Firefox 3.5

Question

У меня есть 3 различных использования jquery, и я поместил их в один код следующим образом:

$(function() {
    $("#ticker01").liScroll({travelocity: 0.075}); 

    $(mainContent).corner("10px");

    $(".article .thebody").hide();
    $("#mainContent .article ul")
        .prepend("<li class='readbody'><a href='' title='Read the article'>Read/Hide Story</a></li>");

    $(".actions li.readbody a").click(function(event){
        $(this).parents("ul").prev(".thebody").slideToggle("normal");

        // Stop the link click from doing its normal thing
        return false;
    }); 
});

Первый контролирует прокручиваемый тикер новостей, второй контролирует закругленные углы, а третий контролирует функцию slideToggle. У всех 3 также есть отдельные файлы jquery, связанные с ними, и они связаны следующим образом: (поместите ДО части выше jquery в. 1-й для слайд-тумблера, 2-й для новостной ленты, 3-й для углов)

<script src="../jquery/jquery.js" type="text/javascript"></script>
<script src="../jquery/jquery.li-scroller.1.0.js" type="text/javascript"></script>
<script src="../jquery/jquery.corner.js" type="text/javascript"></script>

В Safari & IE все 3 работают нормально, однако в FF 3.5, похоже, работает только новостная лента. Кажется, я не могу получить всю работу в FF одновременно, и я понятия не имею, почему!

Answer 1

Is

$(mainContent).corner("10px");

должно быть

$('#mainContent').corner("10px");

или этот селектор кэшируется в переменной mainContent? Код, который вы опубликовали, выглядит нормально в том контексте, в котором вы его разместили. Можете ли вы также предоставить соответствующий HTML-код, с которым вы работаете (в идеале, для пользователей, которым нужно поиграть, ответчики должны поиграться):

Answer 2

Для отладки JavaScript в Firefox, Firebug - ваш друг.