我正在寻找以下方案的指导:
上下文:页面显示动态生成的列表,其中包含X(基于用户的更改)项目数量,每个项目的格式如下:
<div class="dashboard_section_item">
<div id="openModal_55872761" class="modalEdit">
<div><a href="#close" title="Close" class="closemodalEdit">X</a>
<h3>Properties</h3>
</div>
</div> <a href="#openModal_55872761">Edit</a>
<label for="add_listname_label">Assign to list</label>
<br/>
<select name="mod_list" class="mod_list">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
<input type="hidden" name="prod_uid" class="prod_uid" value=”55872761">
</div>
第一期:当用户点击特定项目编辑链接时,需要在产品div上显示模式div。
当前代码:我似乎必须为每个模态指定一个唯一ID,以便它知道与之关联的项目。我所做的(见上文)是在生成列表时将项目uid添加到id和href标记中,以便相应地为每个项目进行映射,这样可以正常工作。
有更好的方法吗?
答案 0 :(得分:3)
如果我理解你,那么应该这样做:
<div id="openModal_55872761" class="modalEdit">
<div><a href="#close" title="Close" class="closemodalEdit">X</a>
<h3>Properties</h3>
</div>
</div>
<a class="someClass" href="#openModal_55872761">Edit</a>
$(document).on('click', 'a.someClass', function() {
$(this).prev('.modalEdit').modal('show');
});