ボタンをクリックしてdivをロードする

Question

ボタンをクリックすると、FlexGridがhtml divタグに表示されます.Flexigridの関数はJavascript関数内にあります。だから私はonclickでイメージタグを追加して、flexigrid関数をロードするf_reload（）という関数を呼び出します。最初に読み込まれました。それをもう一度クリックしてグリッドを再度読み込みます。私を助けてください。

 <script type="text/javascript"> 

     function loadFlexiGrid(){ 
       //here flexigrid content 
        $("#flex1").flexigrid{{ 
         //...........}} 
     } 

     function eventhandler() { 
       $("#flex").html(function() { //this function used to reload grid but it is not called when click second time on the button 
      return "<div id='flex1'></div>";}); 

     javascript:loadGrid(); 
     } 
    </script> 

<input type="image" class="btn" id="sub" src="<?=base_url();?>images/rbtnsave.gif"   
            onclick="eventhandler();"/> 
    <div id="flex"><div id="flex1"></div></div> 
    </div> 

フレックスリッドのフレックスidとフレックスは、divのIDです。

ボタンをクリックすると、グリッドが表示されます。なeventHandlerが実行されるが、第2の時間、それはないない理由

Answer 1

、$('#flex').html()でネストされた関数を宣言しますが、実行されません。そこに置く理由は何ですか？

そうでない場合は、とそれを交換してみてください。

function eventhandler() 
    { 
     $("#flex").html("<div id='flex1'></div>"); 
     javascript:loadGrid(); 
    } 

あなたがHTMLで手動<div id="flex1"></div>を入れているので、それは、正常に動作します初めて。

さらに、javascript:loadGrid()は正しいですか？ javascript:部分を削除してみてください。そして、function loadFlexiGrid()を参照する場合はではなくloadFlexiGrid();としてください。

Answer 2

使用する]をクリックします（）関数に..

$("#flex").click(function()