JQuery插件不工作
所以我有这个插件 我下载了它,并在一个新的空白页上尝试,只是想看看我是否能做到。成功了。 现在的问题是我把这个插件放在我的网站上,做了我在空白页面中做的事情,但是这次插件不起作用了。是因为我在实际站点上使用了原始的jquery函数还是别的什么? 无法在线上载我的所有文件。。但这里是重要的部分 这是进口货JQuery插件不工作,jquery,jquery-plugins,Jquery,Jquery Plugins,所以我有这个插件 我下载了它,并在一个新的空白页上尝试,只是想看看我是否能做到。成功了。 现在的问题是我把这个插件放在我的网站上,做了我在空白页面中做的事情,但是这次插件不起作用了。是因为我在实际站点上使用了原始的jquery函数还是别的什么? 无法在线上载我的所有文件。。但这里是重要的部分 这是进口货 <!-- styles --> <link rel="stylesheet" type="text/css" href="styles/general.css"/> &l
<!-- 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>
$(文档).ready(函数(){
$(“#绝对值”).hide();
$(“#关闭”).hide();
$(“#places feed”).load(“eventPictures.html”);
$(“#comments”).load(“commentsOnEvent.html”);
$(“#插入活动”).load(“newsFeed.html”);
$(“#列出好友提要链接”).load(“friendsCount.html”);
$(“#notify”).load(“notificationCount.html”);
$(“#列表组提要链接”).load(“groupscont.html”);
$(“#列出朋友源链接”)。单击(函数(){//start单击
$(“#abso”).load(“listFriendsFeed.html”);
$(“#abso”).slideDown(“600”,function(){});
$(“#close”).slideDown(“600”,function(){});
});//结束单击
$(“#列出图片提要链接”)。单击(函数(){//开始单击
$(“#abso”).load(“picFeed.html”);
$(“#abso”).slideDown(“600”,function(){});
$(“#close”).slideDown(“600”,function(){});
});//结束单击
$(“#列表组提要链接”)。单击(函数(){//开始单击
$(“#abso”).load(“listGroupsFeed.html”);
$(“#abso”).slideDown(“600”,function(){});
$(“#close”).slideDown(“600”,function(){});
});//结束单击
$(“#通知”)。单击(函数(){//开始单击
$(“#abso”).load(“notifications.html”);
$(“#abso”).slideDown(“600”,function(){});
$(“#close”).slideDown(“600”,function(){});
});//结束单击
$(“#上传图片库”)。单击(函数(){//开始单击
$(“#abso”).load(“uploadPicPlaceGallery.html”);
$(“#abso”).slideDown(“600”,function(){});
$(“#close”).slideDown(“600”,function(){});
});//结束单击
$(“#关闭”)。单击(函数(){//开始单击
$(“#abso”).slideUp(“600”,function(){});
$(“#close”).slideUp(“600”,function(){});
});//结束单击
//此块用于jRate插件
$(“.ratings”).jRating();
// ---
});
最后,这是插件使用的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 -->
卓越与卓越的相遇之地
日期:2010年8月21日时间:上午7:00
问题在于,在引用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>
这应该行得通。你能链接到你的网站或一个应该行得通但行不通的页面吗?我们还不能通过心灵感应从模糊的问题中提取有用的信息。你有没有脚本错误?如果您正在使用Firefox,请检查FireBub控制台是否显示任何错误。@rahul不,我没有收到任何错误消息。。我和firebugThanx核实过它是否有效:)。。但现在的问题是它没有显示星星图标。。它只显示一条黄色的条带,您可能没有将图像放在正确的目录中。请检查Firebug网络标签是否有404错误。