jQuery插件不工作

Question

所以我有這個插件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> 

最後，這是一些代碼是包括插件使用的html中的div

<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 --> 

Answer 1

p問題在於你在引用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> 

這應該有效。