Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery的dblclick事件在我的代码中不起作用_Javascript_Html_Jquery_Css_Jquery Events - Fatal编程技术网

Javascript jQuery的dblclick事件在我的代码中不起作用

Javascript jQuery的dblclick事件在我的代码中不起作用,javascript,html,jquery,css,jquery-events,Javascript,Html,Jquery,Css,Jquery Events,jQuery的dblclick事件不起作用。当我用justclick替换dblclick时,它工作得非常好。我不明白这个问题 <html> <head> <title>jQuery Selectors</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h2

jQuery的dblclick事件不起作用。当我用justclick替换dblclick时,它工作得非常好。我不明白这个问题

<html>
<head>
    <title>jQuery Selectors</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h2 class="first" id="firstH2">Selectors up jQuery-2</h2>
    <p>Paragraph free of any division</p>
    <div class="mydivs" id="firstdiv">
        <p>This is 1st para in 1st div</p>
        <p>This is 2nd para in 1st div</p>
    </div>
    <div class="mydivs" id="seconddiv">
        <p>This is 3rd para in 2nd div</p>
    </div>
    <button onclick="fn1()" id="btn1">Click Me</button>
    <button id="btn2" onclick="fn1()">Click Me 2</button>
</body>
<script src="js/jquery.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        $("#btn1").dblclick(fn1);
        function fn1(){
            $("#firstdiv").fadeToggle();
        }
        $("#btn2").dblclick(function(){
            $("#seconddiv").fadeToggle();
        });
    });
</script>

从标记中删除click处理程序,只使用事件处理程序代码

$function{ 功能FN1事件{ $firstdiv.fadeToggle; } $btn1.在'dblclick'上,fn1; $btn2.dblclick函数{ $seconddiv.fadeToggle; }; }; 选择器向上jQuery-2 无任何分割的段落

这是第一部分的第一段

这是第一组的第二段

这是第二组的第三段

点击我
Click Me 2无需编写内联单击事件,也无需添加单独的函数。检查下面的更新代码段

$document.readyfunction{ $btn1.dblclick函数{ $firstdiv.fadeToggle; }; $btn2.dblclick函数{ $seconddiv.fadeToggle; }; }; 选择器向上jQuery-2 无任何分割的段落

这是第一部分的第一段

这是第一组的第二段

这是第二组的第三段

点击我
单击我2Onclick和Dbclick不能在同一按钮上工作


Onclick首先被触发,dbclick被阻止

您有常规的Onclick内联调用与dblclick相同的东西。。。。您是否意识到onclick仍然与dblclick一起运行?因此,当您双击时,您正在调用fn1;fn1;FN1同时使用内联onclick和dblclick的原因是什么。这可能是问题的原因。另外,我还需要注意,在两个元素之间应用dblclick回调的不同实现对我来说是一种代码味道。我不得不停下来问问自己,你为什么这么做。编辑:可能是因为fn1被用作内联绑定,所以,嗯。我只是在学习javascript和jquery,因此我对工作不太熟悉。不知道为什么会投反对票,请详细说明为什么这不能回答这个问题。评论不是答案,我已经输入了这个答案并对其进行了测试。FWIW如果OP想同时使用onclick和ondblclick,那真的是另一个问题。@在这种情况下,我总是不同意,如果这是一个简单的输入错误,则有一个很接近的原因,意见不一,我不反对意见,我也有一些意见;别担心。努力: