-2

我有一个大问题。我正在尝试追加一个新的 div，但它不起作用。

我的功能是：

jQuery(function($){
    var $meter = $('#analog_meter'), count = 1;
    $('#addanalog').click(function(e){
        e.preventDefault();
        if(count > 2){
            alert("That's enough already!");
            return;
        }
        count ++;

        ($meter.parent()).append($meter.clone());
    });
});

我绘制模拟仪表的代码示例是：

<div id="add" style="visibility:hidden;" style="display:inline-block;"><a id="addanalog" href="#" Onclick="add_new_analog();">ADD NEW ANALOG</a></div>

<div id="plot_analog">
    <div id="analog_meter" name="analog_meter">
        <!-- less information --> 
        <div id="content-two" style="visibility:hidden;">
                <div id="chart1"  class="jqplot-target"></div>
                <a id="div-one" href="#" Onclick="mostra1();"><? echo LABEL_MORE_INFORMATION ?></a>&nbsp;&nbsp;  &nbsp;&nbsp;
                <a id="div-two" href="#" Onclick="mostra2();"><? echo LABEL_LESS_INFORMATION ?></a>
        </div>
        <!-- more information -->
        <div id="content-one" style="visibility:hidden;">
            <div id="chart2"  class="jqplot-target"></div>
            <a id="div-one" href="#" Onclick="mostra1();"><? echo LABEL_MORE_INFORMATION ?></a>&nbsp;&nbsp;  &nbsp;&nbsp;
            <a id="div-two" href="#" Onclick="mostra2();"><? echo LABEL_LESS_INFORMATION ?></a>
        </div>
</div>

</div>

发生的情况是，每次我单击添加新模拟时，都会绘制两个模拟仪表。像这样：

我想要的是当点击添加时，只绘制一个模拟仪表。

4

2 回答 2

2

您可以尝试删除

Onclick="add_new_analog();"

看到你通过 jQuery 连接 click 事件。如果 add_new_analog() 添加了一个类比，而您的 jQuery 函数添加了一个类比，那么您最终会添加 2。

编辑：@TJ Crowder 对 id 有很好的看法。您应该确保它们在克隆时保持唯一。

于 2013-09-24T11:43:21.907 回答
0

您添加了两个点击处理程序<a id="addanalog" href="#" Onclick="add_new_analog();">ADD NEW ANALOG</a>

首先在onclick标记中添加处理程序，然后在 JavaScript 文件的“代码隐藏”中添加第二个处理程序：

$('#addanalog').click(function(e){   // register second click handler
     e.preventDefault();
     if(count > 2){
        alert("That's enough already!");
        return;
     }
     count ++;

     ($meter.parent()).append($meter.clone());
 });

我认为最简单的方法是删除其中一个。

于 2013-09-24T11:49:21.943 回答