Question

我正在尝试在网页上放置多个幻灯片。我必须使用无线电作为触发器。我不能让两者同时显示，一个关闭另一个！请参阅此Fiddle.

var current = '';
$('[name="first_inputs"]').change(function() {
if(current.length) 
$('#' + current).slideUp();
current = $(this).val();
$('#' + $(this).val()).slideDown();
});

var current = '';
$('[name="second_inputs"]').change(function() {
if(current.length) 
$('#' + current).slideUp();
current = $(this).val();
$('#' + $(this).val()).slideDown();
});

我用不同的名字命名它们并且代码按名称要求它们 - 为什么我不能同时显示它们？（对不起，我刚开始用这些东西。）

谢谢大卫

Answer 1

您正在定义两个具有相同名称的变量，这会导致变量相互干扰。重命名它们会修复它。

https://jsfiddle.net/nhctucg6/32/

var currentFirst = '';
$('[name="first_inputs"]').change(function() {
    if(currentFirst.length) 
        $('#' + currentFirst).slideUp();
    currentFirst = $(this).val();
    $('#' + $(this).val()).slideDown();
});

var currentSecond = '';
$('[name="second_inputs"]').change(function() {
    if(currentSecond.length) 
        $('#' + currentSecond).slideUp();
    currentSecond = $(this).val();
    $('#' + $(this).val()).slideDown();
});

Jquery - 使用无线电在一个页面上的多个幻灯片

1 个答案: