Question

好的，现在我对这个jQuery脚本有了新的问题。在我的foreach循环中，我获取产品名称等等。问题是，我有2种不同的产品，有2种不同的描述。但是这段代码：

<div class="wiki-content">
    <div class="box9">
        <h1>Sample Box</h1>   
        <img src="http://www.wpthemegenerator.com/wp-content/uploads/2012/06/Image.jpg">

        <?php
            echo $getTheOffer['wiki_text'];
        ?>
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus consectetur dolor a porttitor. Curabitur id sem sed ante fringilla pulvinar et id lectus. Nullam justo ipsum, hendrerit ut commodo nec, pellentesque nec erat. Pellentesque pharetra.</p><br/>
 </div>
</div>

和这个jQuery：

;(function($) {
// DOM Ready
$(function() {
    // Binding a click event
    // From jQuery v.1.7.0 use .on() instead of .bind()
    $('.wiki-button').bind('click', function(e) {
        // Prevents the default action to be triggered. 
        e.preventDefault();
        // Triggering bPopup when click event is fired
        $('.wiki-content').bPopup();
    });
});
})(jQuery);

两者都给我相同的输出。我会提到它是弹出对话框窗口，当我尝试把它放在另一行。不在这个弹出窗口内，它工作正常。谢谢你的帮助！：）

修改，

我将弹出窗口从类更改为id，现在它显示了2个不同的文本。但不对。 product nr 2显示产品nr 1s文本。和产品nr 2显示产品nr 1s文本。

Answer 1

您必须根据单击的按钮指定要显示的.wiki内容。如果按钮和内容在表格行中，您可以执行类似这样的操作

$('.wiki-button').bind('click', function(e){
  var $tr = $(e.currentTarget).closest('tr'), 
      $content = $tr.find('.wiki-content');

  $content.bPopup();
});

这将找到位于同一行的内容。

jQuery，foreach循环在两个值上给出了相同的输出

1 个答案: