Question

单击按钮时，我将在html div标签中显示Flexigrid.Flexigrid的功能将在Javascript函数中。所以我用onclick添加一个图像标签来调用一个名为f_reload（）的函数，该函数将加载flexigrid函数。第一次加载。通过第二次点击它再次加载网格。

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

这里flecigrid的flex1 id和flex是div的id。

首次单击按钮时，它会显示网格。但第二次不是为什么

Answer 1

执行eventHandler时，声明$('#flex').html()中的嵌套函数，但不执行。你把它放在那里有什么特别的原因吗？

否则，请尝试将其替换为：

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

第一次工作正常，因为您已将<div id="flex1"></div>手动放入HTML中。

此外，您确定javascript:loadGrid()是否正确？尝试删除javascript:部分。并且 - 如果引用function loadFlexiGrid()，请将其称为loadFlexiGrid();，而不是loadGrid();。

Answer 2

使用click（）函数..

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

单击按钮时加载div

2 个答案: