jQuery 切换首先传递 boolean false 有不同的转换

Question

这是一个工作示例： http://jsfiddle.net/FzZwt/8/

如果我传递 false首先将切换设置为慢速 如果我首先将 true 传递给toggle()，则未设置转换

我可以在toggle() 中传递带有布尔值的转换吗？

示例：

var show = true;
$('#elem').toggle(show, 'slow');

HTML

<div data-role="page">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<div>Boolean Test 1 - Passing TRUE first</div>
<input type="radio" name="boolean" id="true" value="true" />
<label for="true">Yes</label>                
<input type="radio" name="boolean" id="false" value="false" checked="checked"/>
<label for="false">No</label>
<div class="hidden" name="hidden_div" id="hidden_div">Show Me!!!</div>
</fieldset>
</div>

<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<div>Boolean Test 2 - Passing FALSE First</div>
<input type="radio" name="boolean2" id="true" value="true" />
<label for="true">Yes</label>                
<input type="radio" name="boolean2" id="false" value="false" checked="checked"/>
<label for="false">No</label>
<div class="hidden" name="hidden_div2" id="hidden_div2">Show Me!!!</div>
</fieldset>
</div>

</div>

JS

$(".hidden").hide();

$("[name=boolean]").change(function() {
    var show = $('input[name=boolean]:checked').val() == "true";
    alert('Passing first: '+show);
    $("#hidden_div").toggle(show);
});

$("[name=boolean2]").change(function() {
    var show = $(this).val();
    alert('Passing First: '+show);
    $("#hidden_div2").toggle(show);
});

Answer 1

当它需要布尔值或动画速度（数字或转换为数字的值之一）时，您正在传递字符串值。

如果你想传递布尔值，你需要将它们转换为 Tomalak 提到的

我做了一些更改；这是您要找的吗？

$(".hidden").hide();

$("[name=boolean]").change(function() {
    var show = ($('input[name=boolean]:checked').val() == 'true') ? true : false;
    $("#hidden_div").toggle(show );
});

$("[name=boolean2]").change(function() {
    var show = ($(this).val() == "true") ? true : false ;
    $("#hidden_div2").toggle(show );
});

http://jsfiddle.net/FzZwt/11/

Answer 2

根据API，toggle()的形式其中布尔值确定是否显示或隐藏不采用任何其他参数。不幸的是，我认为我们必须做类似的事情：

if (myBoolean) {
    $myElement.show(MY_DURATION_CONSTANT, myEasing);
} else {
    $myElement.hide(MY_DURATION_CONSTANT, myEasing);
}

不是很优雅，但我认为这是必要的，因为 toggle 函数的重载方式。