3

.show()を使用して、スライドショーのスライドなどのdiv要素を表示しようとしています。

私がやりたいのは、ナビゲーションバーのボタンのIDプロパティを使用して、スライドショーのようにそのスライドを「スライドイン」させることです。したがって、ボタン1のIDは「1」です。次に、Jqueryを使用してそのIDに「#slide」を追加し、「#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
$(".button").click(function () {
    $(".slide").hide();
    $("#slide"+$(this).attr('id')).show();
});

jFiddle

于 2013-02-08T23:41:01.010 に答える
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 に答える