Uncaught TypeError：$（...）。評価は関数ではありません

ブートストラッププラグインを使用して評価星を表示しようとしていますが、エラーがあります。未知の型エラー：$（...）。ratingは関数ではありません。、ここに私のコードはのように私はjQueryの呼び出しや他のソリューションを確認しましたが、結果なしであなたの側では

<!DOCTYPE html> 
 
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]--> 
 
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]--> 
 
<!--[if !IE]><!--> 
 
<html lang="en"> 
 

 
<head> 
 
     <meta charset="utf-8" /> 
 
     <title>Google leads </title> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <meta content="width=device-width, initial-scale=1" name="viewport" /> 
 
     <meta content="Preview page of Metronic Admin Theme #2 for bootstrap advanced color pickers" name="description" /> 
 
     <meta content="" name="author" /> 
 
     <!-- BEGIN GLOBAL MANDATORY STYLES --> 
 
     <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=all" rel="stylesheet" type="text/css" /> 
 
     <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 
 
     <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> 
 
     <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
 
     <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" /> 
 
     <!-- END GLOBAL MANDATORY STYLES --> 
 
     <!-- BEGIN PAGE LEVEL PLUGINS --> 
 
     <link href="../assets/global/plugins/bootstrap-colorpicker/css/colorpicker.css" rel="stylesheet" type="text/css" /> 
 
     <link href="../assets/global/plugins/jquery-minicolors/jquery.minicolors.css" rel="stylesheet" type="text/css" /> 
 
     <!-- END PAGE LEVEL PLUGINS --> 
 
     <!-- BEGIN THEME GLOBAL STYLES --> 
 
     <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" /> 
 
     <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" /> 
 
     <!-- END THEME GLOBAL STYLES --> 
 
     <!-- BEGIN THEME LAYOUT STYLES --> 
 
     <link href="../assets/layouts/layout2/css/layout.min.css" rel="stylesheet" type="text/css" /> 
 
     <link href="../assets/layouts/layout2/css/themes/blue.min.css" rel="stylesheet" type="text/css" id="style_color" /> 
 
     <link href="../assets/layouts/layout2/css/custom.min.css" rel="stylesheet" type="text/css" /> 
 
     <!-- END THEME LAYOUT STYLES --> 
 
     <link rel="shortcut icon" href="favicon.ico" /> 
 

 
\t \t 
 
     
 

 
<link rel="stylesheet" type="text/css" href="../assets/global/plugins/star-rating-svg/src/css/star-rating-svg.css"> 
 
    
 
    \t \t <link rel="stylesheet" type="text/css" href="../assets/global/plugins/star-rating.css"> 
 

 
    
 
     </head> 
 
    
 
      
 
       
 
      <!-- BEGIN CORE PLUGINS --> 
 
      <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script> 
 
      <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
 
\t \t \t 
 
\t \t \t <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
      <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script> 
 
      <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> 
 
      
 
      <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script> 
 
      <!-- END CORE PLUGINS --> 
 
      <!-- BEGIN PAGE LEVEL PLUGINS --> 
 
      <script src="../assets/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js" type="text/javascript"></script> 
 
      <script src="../assets/global/plugins/jquery-minicolors/jquery.minicolors.min.js" type="text/javascript"></script> 
 
      <!-- END PAGE LEVEL PLUGINS --> 
 
      <!-- BEGIN THEME GLOBAL SCRIPTS --> 
 
      <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script> 
 
      <!-- END THEME GLOBAL SCRIPTS --> 
 
      <!-- BEGIN PAGE LEVEL SCRIPTS --> 
 
      <script src="../assets/pages/scripts/components-color-pickers.min.js" type="text/javascript"></script> 
 
      
 
\t \t \t <!----> 
 
\t \t \t 
 
\t 
 
\t 
 
      <!-- END THEME LAYOUT SCRIPTS --> 
 
       <script src="../assets/global/plugins/star-rating-svg/src/jquery.star-rating-svg.js" type="text/javascript"></script> 
 
    <script src="../assets/global/scripts/datatable.js" type="text/javascript"></script> 
 
    <script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script> 
 
    <script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" 
 
      type="text/javascript"></script> 
 
    <script> 
 

 
      
 

 
     some js code 
 

 

 
    </script> 
 

 
       
 
    <script> 
 
\t $().ready(function() { 
 
    $('.rating-loading').rating(); 
 

 
}); 
 
\t 
 

 

 

 
\t </script> 
 

 
</html>

出典

2017-06-29 omari abdelmalek

私はこれがあなたが使用していると思うドキュメンテーションの[評価プラグイン]（https://github.com/nashio/star-rating-svg）までです。あなたは '.starRating（）'を使わずに ' .rating（） '.. –

実際に私はブートストラップ星評価http://plugins.krajee.com/star-rating/demoを使用しています –