Javascript jQuery对话框未显示正确的内容

我正在重新设计一个网站，我需要为商店添加一个jQuery对话框。问题是，当我单击列表中的某个项目时，jQuery对话框会显示一些不同的内容。它显示第一个项目，当我越来越多地按它时，它会继续从第一个到最后一个一个地显示它们。例如，我单击第三项，它显示第一项。我再次单击第三项，它显示第二项。如果我点击它10次，它将显示第十项。我已经被这个问题困扰了很长一段时间，似乎无法解决它

显示项目的PHP代码Hoever编写的这篇文章造成了一片混乱： 负责该对话框的代码片段：

        //                                     SHOP ITEM LARGE
    ?><div class="section"><?php
    print '<a href="';
    ?></div><?php
    //This is how it opened it before
//  print "javascript:regular('pages/item_large.php?shop=".$item->webshopMenu."&amp;nr=".$item->id."');";
    print '"><img class="save" style="margin-top:5px;margin-bottom:0; padding-bottom:0px;" border="0" src="'.$img.'" alt="'.$item->Naam.'" '.$image_size . "</a>";
    print '<br><small>Artikelnr. : ' . $item->Artikelnr . '</small></div>' . "\n";
    //This is how I'm trying to do it now
    ?>
    <div style="display: none" class="dialog">
        <?php
        echo "<iframe src='pages/item_large.php?shop=" . $item->webshopMenu . "&amp;nr=" . $item->id . "'" . "width='100%' height='100%' frameborder='0'></iframe>"
        ?>
    </div>

---

在HTML中有id=dialog，在JS中调用的是类的.dialog。同样在你的JS中，我真的不明白为什么你要在.section中查找.dialog，然后在第一个.dialog中应用你的对话框。为什么不在所有有对话框的项目上应用对话框呢class@JohnnyDew哎呀，我复制了一个旧代码。换了新的，对不起？真正地请不要向我们展示php代码，而是真实的html输出。我将删除$'中的：first。dialog:first。dialog{call@KimAlexander没有真正的html输出，这就是它的编程方式

    (function() {
    $('.save').click(function(event) {
        event.preventDefault();
        var dialog = $(this).closest('.section').find('.dialog');
        $('.dialog:first').dialog({
            modal: true,
            scrollable: false,
            draggable: false,
            resizable: false,
            width: 450,
            height: 445
        })
    })
})();