Question

这与游戏相关，但我对我的部分代码所获得的结果感到好奇。在我的代码（全局）的顶部，我已经把

if ( ( $( this ).attr ( "data-require" ) == "police" && playerJob != "police") ) {
        $( this ).hide();
    } else {
        $( this ).show();
    }

    if ( ( $( this ).attr ( "data-require" ) == "mechanic" && playerJob != "mechanic") ) {
        $( this ).hide();
    } else {
        $( this ).show();
    }

所以这是我的代码：

.ul-accordion li i.fa-chevron-down {
    font-size: 16px;
    float:right;
    padding:0 20px;   
}

如果我设置了playerjob =＆＃34;警察＆＃34;它可以正常工作。然后它只显示我（按HTML）设置的按钮数据需要=＆＃34;警察＆＃34; - 应该这样做。
如果我做playerJob =＆＃34;＆＃34; （没有），它隐藏了两个按钮 - 它就是这样应该做的。
如果我做playerJob =＆＃34;机械师＆＃34;它显示了那个数据需要=＆＃34;警察＆＃34;和data-require =＆＃34; mechanic＆＃34; - 它是不应该这样做。

任何人都知道为什么？

Answer 1

为什么是因为如果第一个条件为真，你就不要阻止第二个条件运行，这不会是真的，并且会撤消在第一个条件中所做的任何事情

似乎你可以将整个事情简化为：

$( this ).toggle( $(this).attr ("data-require") ===  playerJob );

toggle(boolean)可与hide / show相媲美，具体取决于boolean

Answer 2

最后一个条件运行......并且可以覆盖第一个条件。

条件满足后尝试return;。

if ( ( $( this ).attr ( "data-require" ) == "police" && playerJob != "police") ) {
  $( this ).hide();
  return;
}

if ( ( $( this ).attr ( "data-require" ) == "mechanic" && playerJob != "mechanic") ) {
  $( this ).hide();
  return;
}

// If no conditions are meet...
$( this ).show();

属性 - 隐藏/显示| jQuery的/ JAVA

2 个答案: