Question

我想制作一个仅在有人点击3个按钮时出现的DIV。

我搜索了这些帖子并找到类似的东西，隐藏/显示DIV onClick按钮，但是只有点击所有3个按钮后我才能找到任何类似show DIV的东西。我试图修改一些但没有运气。

有人指出我的方向吗？想在JS或jQuery中这样做。

非常感谢任何帮助。谢谢你提前

Answer 1

如果您创建的变量计数器达到3，我会通过创建if - 语句来执行此操作。每次单击3个按钮之一会向计数器添加一次，而在3处它会通过{{1 - 语句和div出现。

例如，你应该理解这段代码：

if

因此，您的工作是弄清楚如何在当前情况下执行此操作，而不仅仅是var counter = 0; if(counter == 3) { console.log("Show div!"); }随机的事情，以显示您希望在计数器达到3时显示的console.log < / p>

如果您的按钮是3个单独的按钮，它们是相同的，只需在每次点击时添加到计数器。

因此，在JQuery＆＃39; div函数内的回调函数中，每当有人点击三个按钮中的一个时，你就可以添加到计数器中，而js文件中的其他一些位置你可以创建一个{{1 - 语句检查该变量是否已达到＆＃34; 3＆＃34;。如果有，请显示.click()。

我建议您在进行改进之前以这种方式解决此问题，例如考虑如何改进此代码，以便只有点击三个独特按钮一次时才能使用。打破问题在编程中非常重要。

当您达到这一点时，我有一个提示是说您有3个具有唯一if的按钮：div，id，'btn-1'，想办法如果单击每个唯一按钮，则仅触发if语句。

看看你是否可以自己动手，并随时查看一些示例代码以获得更多帮助。

Answer 2

制作3个按钮，在3个按钮中放入相同的类，如下所示：

<button class="ex">Button1</button>
<button class="ex">Button2</button>
<button class="ex">Button3</button>

然后使用JS：

var a = 0;
$(".ex").click(function({
  a++;
});

Answer 3

您需要有一个充当计数器的变量。而且你需要让每个按钮只能点击一次。

 <button class="clickableOnce">Btn 1</button>
<button class="clickableOnce">Btn 1</button>
<button class="clickableOnce">Btn 1</button>
<div class="theDiv"   id="theDiv">

Javscript代码：

 var countMyClicks = 0;
jQuery('.clickableOnce').on('click', function() {
    countMyClicks++;
   jQuery(this).prop('disabled', true);

    if(countMyClicks==3){
       jQuery('#theDiv').show();
    }
});

CSS代码：

.theDiv{
  background:red; height:10px; width:10px; display:none;
}

你可以在这里查看小提琴：

https://jsfiddle.net/c2uc44f1/

仅在单击3个按钮后显示DIV

3 个答案: