1

クリックすると一番上の div を非表示にして下のテキストを表示する DIV のリストがあります。

正常に動作しますが、PHP を使用して DIV の数値 ID を挿入しようとすると失敗します。

たとえば、これを行うと、正しい DIV に適用されます

<script>
    $('.reveal2').on({
        click: function(){
            $('.remove2').css({display: 'none'});
        $('.code2').css({display: 'block'});
        }
    });
</script>

ただし、これを行うと、機能しません。

<?php $example = '2'; ?>

<script>
    $('.reveal<?php echo $example ?>').on({
        click: function(){
            $('.remove<?php echo $example ?>').css({display: 'none'});
        $('.code<?php echo $example ?>').css({display: 'block'});
        }
    });
</script>

ここで作業コードの jsfiddle を作成しました: http://jsfiddle.net/RGQaU/

php 変数を挿入するとこれが機能しなくなる理由がわかりません。

どんなアイデアでも大歓迎です。

更新：上記の遅延をオフにした後、jQueryライブラリで遅延を使用しています。ただし、jQ を延期する必要があります。上記のコードを window.onload でラップしようとしましたが、まだ機能しません。

4

3 に答える 3

-1 
$('.remove<?php echo $example ?>')

確かにセミコロンが無いのでは？

または、これを試してください：

<script>
    $(document).ready(function() {
        $('.reveal<?php echo $example; ?>').on({
            click: function() {
                $('.remove<?php echo $example; ?>').css({display: 'none'});
                $('.code<?php echo $example; ?>').css({display: 'block');
            }
        });
    });
</script>
于 2013-10-07T20:44:55.660 に答える
-5

あなたの引用はまったく正しくありません：

変化する：

$('reveal<?php echo $example ?>').on({

に：

$('.reveal'<?php echo $example ?>).on({

使う場所ごとに。

于 2013-10-07T20:45:04.430 に答える