2 sinat 37871419 sinat_37871419 于 2017.09.06 18:51 提问

怎样在jquery里控制单击事件的次数

开始是用jquery单击事件创建了一个input节点,并且加了class属性,然后问题是每次我单击都能创建一个同样的input节点,我是想要限制这种无限制的单击事件,只要出现一个就可以了在之前这个input节点消失之前图片图片

11个回答

xiaoming120915
xiaoming120915   2017.09.06 21:06

我可以说没有理解你的需求吗?你说的最后一句话我都没有读通。

showbo
showbo   Ds   Rxr 2017.09.06 21:21

全局变量控制下。添加的时候判断是否大于5了,大于就退出,否则添加+1,点击x移除-1

大概就下面的流程

 var num=0,maxnum=5;
function add(){
if(num>=maxnum)return;
num++;
//....添加的代码
}
function Delete(){
num--;
//删除的代码
}
sunny_desmond
sunny_desmond   2017.09.06 21:45

那这样,你先 移除掉这个input 然后在创建这个input呢。。。 比如这样

$(".input").remove();
$("<input class='.input'>").appendTo("body")
wgs1393044648
wgs1393044648   2017.09.06 21:56

判断$(".input")是否为空,空append,非空无操作

wgs1393044648
wgs1393044648 $(".input")[0]
3 个月之前 回复
zhwyj1019
zhwyj1019   2017.09.06 22:48

<!DOCTYPE html>





<pre><code> $(function() { $(&quot;#btn&quot;).click(function () { if($(&quot;.flag&quot;).length&gt;0) { $(&quot;.flag&quot;).remove(); } $(&quot;body&quot;).append(&quot;&lt;input class=&#39;flag&#39; type=&#39;button&#39; value=&#39;我出现了&#39;&gt;&lt;/input&gt;&quot;); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;点我&quot;/&gt; &lt;/body&gt; </code></pre> <p></html></p>
zhwyj1019
zhwyj1019   2017.09.06 22:49
 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
        <script>


            $(function() {
                $("#btn").click(function () {
                    if($(".flag").length>0) {
                        $(".flag").remove();
                    }
                    $("body").append("<input class='flag' type='button' value='我出现了'></input>");
                });
            });
    </script>
    </head>

    <body>
        <input id="btn" type="button" value="点我"/>
    </body>
</html>
zhwyj1019
zhwyj1019 if($(".flag").length>0) { $(".flag").remove(); }是用来判断你有没有创建过了那个input,如果有创建新的input之前先删掉原来的,不知道我又没有理解你的意思
2 个月之前 回复
zys_qyy
zys_qyy   2017.09.07 09:03

其实,我想说的是,你可以直接用电脑截图,拍的,是啥???

qq_35728177
qq_35728177   Ds   Rxr 2017.09.07 09:06

如果你是想在input不存在的情况下才添加的话,只需要在点击的时候把按钮disable掉 在你控制input消失的事件最后 再恢复你的按钮,这样就可以达到你需要的效果

songwz123
songwz123   2017.09.07 14:35

首先 遍历下你的父级下有没有input 如果有就不做任何事 有就添加

SoulArbiter
SoulArbiter   2017.09.08 20:12

触发input的时候把按钮disable是比较好的解决方案。如果实在不想对按钮进行操作的话。可以添加一个中间变量 var is_input=0。
在触发按钮时 is_input=1。然后对这个中间变量进行判定就可以了。

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片