Question

我在一个页面上有多个Jquery UI对话框，并且很难让模态加载正确的内容。我为图像周围的div动态生成ID，我试图为每个图像加载。我下面的代码是生成ID，但每个＆＃34;缩略图＆＃34;，点击时在对话框中加载错误的相应图像。有任何想法吗？在此先感谢您的帮助！

这是我的代码......

HTML :(缩略图和对话框代码的示例）（id =＆＃34; ui-id-36＆＃34;和id =＆＃34; ui-id-35＆＃34;是动态生成的。）

<div class="dialog-wrapper">
    <div class="dialog-thumbnail"><a href="link-to-image-1.png"><img typeof="foaf:Image" src="link-to-thumbnail-1.png"></a>
        <div class="dialog-image" id="ui-id-35"><img src="link-to-larger-image-1.png"></div>
   </div>
</div> 

<div class="dialog-wrapper">
    <div class="dialog-thumbnail"><a href="link-to-image-2.png"><img typeof="foaf:Image" src="link-to-thumbnail-2.png"></a>
        <div class="dialog-image" id="ui-id-36"><img src="link-to-larger-image-2.png">
        </div>
   </div>

jQuery: 
   var id = $('.dialog-thumbnail > .dialog-image').uniqueId().attr('id');
   $('#' + id).dialog({
      autoOpen: false, 
      modal: true,
    });
    $('.dialog-thumbnail').data('linked-dialog-id', id).on('click', function (e) {
      var id = $(this).data('linked-dialog-id');
      $('#' + id).dialog("open");
      event.preventDefault();
    });

一页上有多个Jquery UI对话框

0 个答案: