目前我嘗試下面的星級插件添加到我的WordPress博客:FYNEWORKSjQuery的星級評定工作不
但出於某種原因,我似乎並沒有工作。我對jQuery完全陌生,所以希望你能幫助我。
加到首:
<script type="text/javascript" src="/wp-content/themes/wordpress-naked/js/jquery.js"/>
<script type="text/javascript" src="/wp-content/themes/wordpress-naked/js/jquery.rating.js"/>
<script type="text/javascript" src="/wp-content/themes/wordpress-naked/js/jquery.form.js"/>
<script type="text/javascript" src="/wp-content/themes/wordpress-naked/js/jquery.MetaData.js"/>
<script type="text/javascript" src="/wp-content/themes/wordpress-naked/js/jquery.rating.pack.js"/>
而且也在標題:
<script type="text/javascript">
jQuery(function($){
('.hover-star').rating({
focus: function(value, link){
var tip = $('#hover-test');
tip[0].data = tip[0].data || tip.html();
tip.html(link.title || 'value: '+value);
},
blur: function(value, link){
var tip = $('#hover-test');
$('#hover-test').html(tip[0].data || '');
}
});
});
</script>
我的CSS文件:
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.rating-cancel,div.rating-cancel a{background:url("/wp-content/themes/wordpress-naked/js/delete.gif") no-repeat 0 -16px; !important}
div.star,div.star a{background:url("/wp-content/themes/wordpress-naked/js/star.gif") no-repeat 0 0px; !important}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0 !important;}
div.star-rating-on a{background-position:0 -16px!important;}
div.star-rating-hover a{background-position:0 -32px;}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important;}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important;}
/* END jQuery.Rating Plugin CSS */
我的單選按鈕有作爲定義的類第二個代碼部分「.hover-star。
但是,它仍然無法正常工作。我犯了一個錯字還是我忽略了一些東西?
日Thnx :)
嘗試加入'$''這裏$( '懸停星。')評級({'' –