3

我试图使用 .show() 在幻灯片放映中显示 div 元素，如幻灯片。

我想做的是使用导航栏上按钮的 ID 属性使该幻灯片“滑入”，就像幻灯片放映一样。所以按钮一的 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();
});
4

5 回答 5

2

摆脱单引号'，所以改变：

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/

于 2013-02-08T23:39:03.893 回答
1

您不需要幻灯片 ID 周围的引号。

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

见演示。

于 2013-02-08T23:38:13.330 回答
0

删除fix字符串中的撇号：

var fix = "'" + '#slide' + content + "'";

应该：

var fix ='#slide' + content;

于 2013-02-08T23:38:26.443 回答
0

为什么要在前后加上引号fix？那是错误的，否则它将起作用：http: //jsfiddle.net/RN2jC/6/

于 2013-02-08T23:38:38.290 回答
0 
$(".button").click(function () {
    $(".slide").hide();
    $("#slide"+$(this).attr('id')).show();
});

小提琴

于 2013-02-08T23:41:01.010 回答