Плагин 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>
Это должно работать.