2012-12-03 76 views
1

目前我嘗試下面的星級插件添加到我的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 :)

+0

嘗試加入'$''這裏$( '懸停星。')評級({'' –

回答

0

文檔完全載入後,否則執行太早,此項目將不會被發現,你的腳本應該總是啓動。

$(document).ready(function() { ... // your code // ... }) 

wirey是正確的太對失蹤$

+0

$(函數()==''$(文件)。就緒(函數()'HTTP:// api.jquery.com/ready/ –

+0

哎呀不知道自己:( –

+0

現在你:)如果允許這只是一個速記/快捷版 –

0

首先,你是不是在這裏呼籲的jQuery:

('.hover-star').rating({

你需要調用的jQuery與$jQuery

$('.hover-star').rating({

也可能有其他問題。我會建議使用調試器。它會幫助找到這個問題和其他問題。

+0

增加了$符號,使jQuery將調用它。至今沒有運氣,但我真的很感激快速回復:) – Regenbui