1

昨日、ブートストラップ カラー ピッカーを使用していました: http://www.eyecon.ro/bootstrap-colorpicker/

簡単な HTML コードは次のとおりです。

<link rel="stylesheet" href="vendor/colorpicker/css/colorpicker.css">

    <div class="colorpicker" id="yellow">
        <a href=""></a>
    </div>

<script src="vendor/colorpicker/js/colorpicker.js"></script>

jsは次のとおりです。

$ ('. colorpicker'). colorpicker ()

残念ながら、Google Chrome のコンソールで次のエラーが表示されるため、何の効果もありません。

 Uncaught TypeError: Object [object Object] has no method 'colorpicker'

このエラーの原因がわかりません。

4

2 に答える 2

8

このコードを持っていると仮定すると$(document).ready(function() {

$ ('. colorpicker'). colorpicker ()

する必要があります

$('.colorpicker').colorpicker()

または完全なコード

$(document).ready(function() {
   $('.colorpicker').colorpicker();
} );

編集:これは私がテストしたページで、機能しています。

<html>
<head>
<link href="http://www.eyecon.ro/bootstrap-colorpicker/css/colorpicker.css" rel="stylesheet"/>
<link href="http://www.eyecon.ro/bootstrap-colorpicker/css/bootstrap.css" rel="stylesheet"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">  </script> 
<script src="http://www.eyecon.ro/bootstrap-colorpicker/js/bootstrap-colorpicker.js">  </script> 

<script>
$(document).ready(function () {
    $('.colorpicker').colorpicker();
});
</script> 

</head>
<body>
    <input class="colorpicker" id="yellow" />

</body>
</html>

注: basiccolorpickerでは、要素が入力型である必要があります。

于 2013-07-27T07:24:41.807 に答える