0

問題 1: 3 つの変数があります。className は文字列を参照します。back にはコンテンツが含まれ、link には html 文字列が含まれます。className が参照する変数にコンテンツを割り当てようとしています。

var back = "test";
var className = "link1";
var link1 = '<div id="back" class="gohome"></div><div class="link3"></div><div class="link4"></div>';

以下のコードが機能していないように見えるため

$(className) = className + back;

問題 2: 以下のコードは、prevClass に含まれる変数の CSS を更新していないようです。

       $('[id*="back"]').each(function(){
            $('.' + prevClass).css({'left': '-123px'});
            $('.' + prevClass).css({'top': '430px'});
            $('.' + prevClass).css({'width': '123px'});
            $('.' + prevClass).css({'height': '44px'});

<script type="text/javascript">

    var back = "";
    var prevClass = "start"
    var className = "Broken";

    start = '<div id="back" class="gohome"></div><div class="link1"></div><div class="link2"></div>';
    gohome = '<div class="gohome"></div><div class="start"></div>';
    link1 = '<div id="back" class="gohome"></div><div class="link3"></div><div class="link4"></div>';
    link2 = '<div class="gohome"></div>';
    link3 = '<div id="back" class="gohome"></div><div class="link5"></div><div class="link6"></div>';
    link4 = '<div class="gohome"></div><div class="link7"></div><div class="link8"></div>';
    link5 = '<div class="gohome"></div><div class="link2a"></div><div class="link10"></div>';
    link6 = '<div class="gohome"></div><div class="link7"></div><div class="link11"></div>';
    link6a = '<div class="gohome"></div><div class="link7"></div><div class="link11"></div>';
    link7 = '<div class="gohome"></div><div class="link6a"></div><div class="link9"></div>';
    link8 = '<div class="gohome"></div><div class="link2a"></div><div class="link10"></div>';
    link9 = '<div class="gohome"></div><div class="link10a"></div>';
    link10 = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>';
    link10a = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>';
    link11 = '<div class="gohome"></div><div class="link10a"></div>';
    link12 = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>';
    link13 = '<div class="gohome"></div><div class="link14"></div><div class="link15"></div>';
    link14 = '<div class="gohome"></div>';
    link15 = '<div class="gohome"></div><div class="link16"></div><div class="link17"></div>';  
    link16 = '<div class="gohome"></div>';
    link17 = '<div class="gohome"></div><div class="link18"></div><div class="link19"></div>';
    link18 = '<div class="gohome"></div>';
    link19 = '<div class="gohome"></div><div class="link20"></div><div class="link21"></div>';
    link20 = '<div class="gohome"></div>';
    link21 = '<div class="gohome"></div>';



   $(document).on('click', '.inter [class]', function () {
   className = this.className; 
   $('[id*="back"]').each(function(){
        $('.' + prevClass).css({'left': '123px'});
        $('.' + prevClass).css({'top': '430px'});
        $('.' + prevClass).css({'width': '123px'});
        $('.' + prevClass).css({'height': '44px'});
    });

   back = '<div class="' + prevClass + '"></div>';
   $('.' + className).html(back);
   prevClass = className;
       $('.inter').fadeTo(250, 0.25, function () {
           $('.inter').html(window[className]); 

           $('.inter').css({'background-image': 'url("' + className + '.png")'});
           $('.inter').fadeTo(250, 1.00);

       });
   });

</script>
4

4 に答える 4

2

問題 1 については、もう少し賢く選択して更新する必要があります。classname はクラス名であるため、次のようにします。

$('.' + className)

（問題＃2で理解したように）

内容を更新したい場合（バックあり）：

$('.' + className).html(back);

問題 2 については、何をしようとしているのかが明確ではありません。

まず、#backDOM に既にありますか? これは link1 変数に対しては機能しません。次に、prevClass はどうあるべきか?

于 2013-05-22T03:04:59.097 に答える
0

jQuery を使用すると、次のように ID を簡単に選択できます。

$('#back')

*等号の前に何を期待しているのかわかりませんか？

于 2013-05-22T03:01:17.763 に答える
0

あなたclassNameはアンカータグですか？あなたはこのようなことをすることができます

$('.className').attr('href', link1 +'/'+ back);
于 2013-05-22T03:09:57.097 に答える
0

問題 1:

$(className) = className + back;

link1test変数に値を代入するだけです$(className)。

例えば：$(className) = "link1test"

「...backコンテンツを含む...」および「...変数参照にコンテンツを割り当てようとしてclassNameいる...」場合は、使用します。

$('.' + クラス名).html(戻る);

問題 2:

セレクターが間違っている可能性があります。id を持つ単一の要素を選択しようとしていて、back次に class を持つ子の css を変更しようとしていますprevClass。もしそうなら、これはうまくいくはずです。

   $('#back').each(function(){
        $('.' + prevClass).css({'left': '-123px'});
        $('.' + prevClass).css({'top': '430px'});
        $('.' + prevClass).css({'width': '123px'});
        $('.' + prevClass).css({'height': '44px'});
    });
于 2013-05-22T03:11:14.220 に答える