-4

朝 ：）

jQueryでボタンを1つ押すたびにdivを作成しようとしています。

$('#button_submit').click(function() 
{
//create a div inside a already existing div (<div id="save"></div>) with this parametres:
/*
<h3>Title</h3>
<div>
<p>
Some text
</p>
</div>
*/
}

<div id="save"></div>

何か助けはありますか？：） 乾杯

編集：

//newArray is defined.
$("<button id=saved>").click(function() {
drawChart.apply(null, newArray);
}).text("click me")

このボタンも新しいdiv内にあるはずです。簡単に統合できますか？

4

2 に答える 2

1 
$('#button_submit').click(function(){
$('<h3>Title</h3><div><p>Some text</p></div>').appendTo('#save');
});

これにより、保存内に必要なものが作成されます

更新のために編集

$(document).ready(function(){
      function newFunction(){ 

         /*This is the new function*/

      }

$('#button_submit').click(function(){
        $('<h3>Title</h3><div><p>Some text</p></div><input type="button" value="saved" id="saved" onclick="newFunction()"/>').appendTo('#save');
      });
});
于 2012-12-03T09:46:21.263 に答える
1

show（）-hide（）メカニズムを使用して、何をしようとしているのかを実現することをお勧めします。

マークアップを元のhtmlに入れますが、「display：none」にします。あなたがそれをページに「追加」する必要があるとき-「show（）」それ。ほとんどの場合、優れていてクリーンです。このように、javascriptでdivを作成する必要はありません。

ただし、要素を動的に追加する必要がある場合は、appendを使用してください

編集：

あなたの構造はよくわかりませんが、内部にボタンが必要な場合は、次のオプションを検討してください。

  1. 元のマークアップに別のボタンを配置します（show（）-hide（）の使用に関する私のアドバイスに従う場合）
  2. ボタンを絶対に配置し、必要な場所に移動するだけです
  3. jqueryappendToを使用する

マークアップの残りの部分によっては、これらのオプションの一部が適切でない場合があることに注意してください。

于 2012-12-03T09:53:31.730 に答える