Question

如何使用if else语句禁用jquery函数。我的问题是我有两个打开onClick的文本框，它们设置为切换，但是如何设置它以便如果其中一个框打开，另一个框将无法打开我的jquery是

$(".first1").on('click', 
  function () {
    $('#suitsyou').toggle();
  });
$(".last1").on('click', 
  function () {
      $('#dealsandoffers').toggle() 
  });

可能更容易查看我的网站http://www.jeremyspence.net78.net它在包标签中，您可以看到当您点击一个标签然后另一个没有关闭第一个标签时它们都打开

html是

    <div id="suitsyou" style="display:none">

    </div>

    <div id="dealsandoffers" style="display:none"> 

    </div>

内容未包含在内，所以不要在

中加入太多代码

Answer 1

如果没有变化太多，你可以简单地显示正确的一个，然后隐藏另一个，在工作之间切换很好。虽然我不得不承认，它不是一个优雅的解决方案，但如果这是你想要的，它应该可以解决问题。

$(".first1").on('click', 
  function () {
   $('#dealsandoffers').hide()
    $('#suitsyou').show();
  });
$(".last1").on('click', 
  function () {
      $('#suitsyou').hide()
      $('#dealsandoffers').show() 
  });

Answer 2

一个简单的条件应该有效：

$(".first").on('click', function () {
    if (!$("#dealsandoffers:visible").length) {
        $("#suitesyou").toggle();
    }
});

如果您需要更多的灵活性，请使用类。这也不是特别用户友好。在我看来，你想要关闭另一个，然后显示当前点击的那个。

Answer 3

Explosion Pills，您将了解如何在单击按钮时切换两个不同的DIV。如您所说，

在我看来，您想要关闭另一个，然后显示当前被单击的那个。

要执行此操作，您只需要将jQuery切换应用于两个视图。在我的解决方案中，我放置了一个ID为“ btnToggle”的Toggle按钮，然后像这样添加了两个div标签。重要的是，不要使备用视图“ lastView”具有显示样式：无。这样可以使备用视图的初始状态从不可见开始。

我希望这对您有所帮助，并感谢您为解决我的问题所付出的努力。

class Game 
{
    constructor(exportRoot, stage)
    {
        this.root = exportRoot;
        this.stage = stage;
        this.init();
    }

    init()
    {
        const game = this; // game refers to Game Object  

        for(var i=1; i<=4; i++)
        {
            game.root["place"+i].on('click', function () // this.root or game.root will work
            {
                this.gotoAndStop(1);  // this keyword here DOES NOT refer to the Game Object
            });
        }           
    } 
}

$("#btnToggle").on('click', function() {
  $("#firstView").toggle();
  $("#lastView").toggle();
});

按钮点击两个不同Div之间的Jquery切换

3 个答案: