Question

先谢谢，我几周前刚开始编码，但我无法解决这个问题。我一直在尝试设置单击图像的位置，它会打开一个与img标记匹配的模态，而模态单击事件将依次调用方法。问题是我似乎无法获得onclick事件来打开模态，我想一旦我开始工作，我可以让方法调用工作。我尝试了很多东西，似乎无法弄清楚如何让它弹出来，

这是JS / ajax

$('#img').click(function(){
$('#vendingModal').dialog('open');
 return false;
});


$('#vendingModal').click(function (event) {
event.preventDefault();
var element = $(event.relatedTarget);
var inventoryId = element.data('inventory-id');
var modal = $(this); 
$.ajax({
    type: "GET",
    url: 'inventory/' + inventoryId
}).success(function (inventory) {
    modal.find('#inventory-id').text(inventory.inventoryId);
    modal.find('#inventory-name').text(inventory.inventoryName);
    modal.find('#inventory-price').text(inventory.price);
    modal.find('#inventory-count').text(inventory.count);

});
});

这里是jsp

 <%@ page pageEncoding="UTF-8" %>
<div class="column2" id="inventoryGrid">
        <div class="row">
            <div class="col-xs-3 offset-3-12">
                <div class="pic morph">
                    <img id="item1" src="img/item1.jpg" alt="3    Musketeers" title="3 Musketeers" class="img-rounded img-responsive"   style="width:128px;height:128px">
                </div>
            </div>
         </div>
    </div>

Answer 1

click事件链接到错误的元素。 “$（'＃img'）”将指向“img”id。但是，您的图片的ID为“item1”，请尝试使用$（'＃item1'）。click（function（）{

尝试单击图像并打开模态ajax

1 个答案: