Плагин JQuery не работает

Итак, у меня есть этот плагин http://www.myjqueryplugins.com/jRating Я скачал его и попробовал на новой пустой странице, просто чтобы посмотреть, смогу ли я это сделать. Это сработало. Проблема сейчас в том, что я разместил этот плагин на своем сайте и выполнил ТОЧНЫЕ действия, как я делал на пустой странице, но на этот раз плагин не работает. Это потому, что я использую оригинальные функции jquery на реальном сайте или что-то? Не могу загрузить все мои файлы в Интернете.. но вот важные части

Это импорт

<!-- styles -->
<link rel="stylesheet" type="text/css" href="styles/general.css"/>
<link rel="stylesheet" type="text/css" href="styles/place-event.css"/>
<link rel="stylesheet" type="text/css" href="styles/homepage.css"/>
<link rel="stylesheet" type="text/css" href="styles/css-buttons.css"/>
<link rel="stylesheet" type="text/css" href="styles/colors.css"/>

<!-- plugin jRate -->
<link rel="stylesheet" type="text/css" href="plugin/jrate/jquery/jRating.jquery.css"/>
<script type="text/javascript" src="plugin/jrate/jquery/jRating.jquery.js"></script>

<!-- scripts -->
<script type="text/javascript" src="scripts/removeTextClick.js"></script>
<script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

Это код jquery

<script type="text/javascript">

$(document).ready(function(){

    $("#abso").hide();
    $("#close").hide();


    $("#places-feed").load("eventPictures.html");
    $("#comments").load("commentsOnEvent.html");
    $("#insert-activity").load("newsFeed.html");
    $("#list-friends-feed-link").load("friendsCount.html");
    $("#notify").load("notificationCount.html");
    $("#list-groups-feed-link").load("groupsCount.html");


    $("#list-friends-feed-link").click(function(){ //start click

        $("#abso").load("listFriendsFeed.html");
        $("#abso").slideDown("600", function(){});
        $("#close").slideDown("600", function(){});

    }); //end click

    $("#list-pictures-feed-link").click(function(){ //start click

        $("#abso").load("picFeed.html");

        $("#abso").slideDown("600", function(){});
        $("#close").slideDown("600", function(){});
    }); //end click

    $("#list-groups-feed-link").click(function(){ //start click

        $("#abso").load("listGroupsFeed.html");

        $("#abso").slideDown("600", function(){});
        $("#close").slideDown("600", function(){});
    }); //end click

    $("#notify").click(function(){ //start click

        $("#abso").load("notifications.html");

        $("#abso").slideDown("600", function(){});
        $("#close").slideDown("600", function(){});
    }); //end click

    $("#upload-pic-place-gallery").click(function(){ //start click

        $("#abso").load("uploadPicPlaceGallery.html");

        $("#abso").slideDown("600", function(){});
        $("#close").slideDown("600", function(){});
    }); //end click

    $("#close").click(function(){ //start click

        $("#abso").slideUp("600",function(){});
        $("#close").slideUp("600",function(){});
    }); //end click


    // this block is for jRate plugin

    $(".ratings").jRating();

    // ---



});


</script>

наконец, это часть кода, который включает в себя div в HTML, который использует плагин

<div id="the-place-event-div"> <!-- the place event div start -->

<div id="for-top-box"> <!-- for top box start -->
<a>
<img src="images/welcome.png"/>
</a>

<div id="place-description"><p>where awesomeness meets awesome</p> <!-- place description start -->
<p id="date-time">Date:<a>21/08/2010</a> Time:<a>07:00am</a></p>

<div class="ratings" data="12_1"> <!--rating div start -->



</div> <!-- ratings div end -->



 </div> <!-- place description end -->



</div> <!-- for top box end -->

1 ответ

Решение

Проблема в том, что вы добавляете ссылку на свой плагин, прежде чем ссылаться на файл jQuery.

<script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="plugin/jrate/jquery/jRating.jquery.js"></script>

Это должно работать.

Другие вопросы по тегам