Jquery 使用变量到 .show() div

Question

我正在尝试使用 .show() 来显示 div 元素，例如幻灯片放映中的幻灯片。

我想做的是使用导航栏上按钮的 ID 属性使该幻灯片像幻灯片放映一样“滑入”。所以按钮 1 的 ID 为“1”。然后我使用 Jquery 将“#slide”附加到该 id 并获得“#slide1”。对应于我希望展示的特定幻灯片。到目前为止，我一直无法让“幻灯片”div 与 $variable.show() 一起出现。

我做错了吗？

这就是我目前所拥有的。

http://jsfiddle.net/greyoxide/RN2jC/

$(".button").click(function () {
    $(".slide").hide();
    var content = $(this).attr('id');
    var fix = "'" + '#slide' + content + "'";
    $("#show").val(fix);
    $(fix).show();
});

Answer 1

去掉单引号'，所以改变:

var fix = "'" + '#slide' + content + "'"; // This translates to "'#slide1'"

收件人:

var fix = '#slide' + content; // This translates to "#slide1"

最终结果:

$(".button").click(function () {
    $(".slide").hide();
    var content = $(this).attr('id');
    var fix = '#slide' + content;
    $("#show").val("'" + fix + "'"); // If you still want to display single quotes
    $(fix).show();
});

http://jsfiddle.net/RN2jC/9/