1

私はWordPressで作業しているので、典型的なWordPressの質問かどうかを確認しましたが、通常のphpとjQueryの質問です.

異なるデータで 12 回実行されるコードがあります。このデータを jQuery で収集し、ウィジェットをクリックした場合にのみ表示される別のウィジェットに渡す必要があります。もう一方のウィジェットは、クリックされたウィジェットのデータを表示し、Google チャートを提示する必要があります。わざとGoogleチャートを表示しても問題ありません。私の唯一の問題は、データを渡すことです。私は多くのことを試しましたが、私はjQueryが初めてで、現時点ではスキルが明らかに不足しているため、皆さんが私を助けてくれることを願っています. 例と構造を示すためにコードを単純化しました。

12回実行されるコード:

<a href="javascript:void(0);" class="span1 <?php echo $color .' '. $styleName; ?>">
    <div class="box_top">
        <div class="icon"></div>
        <div class="title"><h2><?php echo $title; ?></h2></div>
    </div>
    <div class="box_middle">
        <?php echo $currentValue; ?>
    </div>
    <div class="box_bottom">
        <div class="lastweek">
            <p>Last week:</p>
        </div>
        <div class="number">
            <?php echo $prevValue; ?>
        </div>
    </div>
</a>

このウィジェットと他のウィジェットの唯一の違いは、クラスでは span1 が span5 になることです。

簡単に言うと、変数のデータを収集して、それらを別のウィジェットに渡すことができるようにする必要があります。

4

1 に答える 1

2

値は html から直接選択できますが、jQuery データを使用する方が適切です。

HTML

<a href="javascript:void(0);" data-current="<?php echo $currentValue; ?>" data-prev="<?php echo $prevValue; ?>" data-title="<?php echo $title; ?>" class="span1 <?php echo $color .' '. $styleName; ?>">
    <div class="box_top">
        <div class="icon"></div>
        <div class="title"><h2><?php echo $title; ?></h2></div>
    </div>
    <div class="box_middle">
        <?php echo $currentValue; ?>
    </div>
    <div class="box_bottom">
        <div class="lastweek">
            <p>Last week:</p>
        </div>
        <div class="number">
            <?php echo $prevValue; ?>
        </div>
    </div>
</a>

jQuery

$('body').on('click','.span1',function(){
    var title=$(this).data('title');
    var cur=$(this).data('current');
    var prev=$(this).data('prev');

    alert(title+': '+prev+' - '+cur);
});
于 2013-04-25T08:54:53.827 に答える