0

ここに私のHTMLコードがあります

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title></title>
   <link href="css/colorbox.css" rel="stylesheet" type="text/css"/>
   <script src="js/jquery-1.7.2.min.js"></script>
   <script src="js/jquery.colorbox-min.js"></script>
   <script>
     function alertme(){
       alert(""+$("#text1").val()+$("#text2").val());
     }
     function enable_colorbox(){
       console.log("inside colorbox");
       jQuery("#inline").colorbox({inline:true});
     }
   </script> 
</head>
<body>
  <div id="inline" style="display: none;">
    <input type="text" id="text1" />
    </br>
    <input type="text" id="text2" />
    <input type="submit" value="clickme" onclick="alertme()"/>
  </div>
  <input type="submit" onclick="enable_colorbox()" />
</body>
</html>

目に見えないようにしたdivタグがあり、divタグの外側に、クリックするとdivタグのカラーボックスを呼び出す送信ボタンがあります。何も起こりません。何が問題なのかわかりません。コンソールにエラーは表示されません。

js ファイルと css ファイルはローカル サーバーにあります。html ファイルを起動して、ブラウザーから css ファイルと js ファイルを表示できます。

ご意見をお聞かせください

4

2 に答える 2

3

これを変える：

jQuery("#inline").colorbox({inline:true});

これに：

$.colorbox({inline:true, href: "#inline" });

デモを追加: jsfiddle.net/TpVn6/

于 2012-09-18T22:10:47.877 に答える
0

これは何ですか : jQuery("#inline").colorbox(**{inline:true}**);? すべきではありませんdisplay:inlineか？

于 2012-09-18T22:02:38.783 に答える