TypeError Uncaught: $ (...). Rating n'est pas une fonction

J'essaie de montrer des étoiles de notation en utilisant le plugin bootstrap mais j'ai l'erreur en disant Uncaught TypeError: $ (...). La note n'est pas une fonction , voici comment mon code ressemble J'ai vérifié les appels jquery et d'autres solutions, mais sans résultat

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

Source

2017-06-29 omari abdelmalek

jusqu'à [rating plugin] (https://github.com/nashio/star-rating-svg) documentation que je pense que c'est celle que vous utilisez .. vous devez utiliser '.starRating()' not ' .rating() '.. –

En fait, je m utilise bootstrap star rating http://plugins.krajee.com/star-rating/demo –

de votre côté essayez de changer cette ligne, $().ready(function() {-$(document).ready(function(){

Je ne pourrais pas vous dire quoi d'autre vous pourriez avoir besoin parce que tous vos capitaux au document sont relatifs à vous et non disponibles à l'extrait.

Source

2017-06-29 01:56:06

Je l'ai déjà essayé! –

TypeError Uncaught: $ (...). Rating n'est pas une fonction

Répondre

Questions connexes