如何将数据导入Jquery对话框？

我正在尝试创建一个JQuery对话框，其中包含特定项的信息。

这是脚本：

$(document).ready(function () { $("#dialog-form").dialog({ autoOpen: false, height: 500, width: 400, modal: true }); $("#open").click(function(){ $("#dialog-form").dialog("open"); }); }); 

单击此图像时，应显示项目信息：

这是应存储在对话框中的div

 
  
Name: ${item.itemName}
 
Description: ${item.description}
 
Price: ${item.price}
  

Answer 1

我会用以下方式解决这个问题：

在你的foreach循环中，当创建对话框的链接时，执行以下操作：

然后在你的javascript中更改它看起来像这样：

  $(document).ready(function () { $("#dialog-form").dialog({ autoOpen: false, height: 500, width: 400, modal: true }); $(".open").click(function(){ var dataAttr = $(this).data(); $('#spanDataName').html(dataAttr.name); $('#spanDataDes').html(dataAttr.description); $('#spanDataPrice').html(dataAttr.price); $("#dialog-form").dialog("open"); }); }); 

当你进行对话标记时：

 
  
Name: 
 
Description: 
 
Price: