1

我正在使用 WordPress，所以我检查了它是否是一个典型的 WordPress 问题，但它是一个常见的 php 和 jQuery 问题。

我有一段代码用不同的数据执行了 12 次。我必须使用 jQuery 收集这些数据并将其传递给另一个小部件，只有当我单击一个小部件时才会显示该小部件。另一个小部件必须显示点击的小部件的数据并呈现谷歌图表。故意的节目和谷歌图表的事情没有问题，我唯一的问题是传递数据。我尝试了很多东西，但我是 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 回答