尝试(失败)通过自举模式传递参数

Question

我正在实现具有模态选项框的各种列表。图片图片列表（在www.keydataweb.co.uk/bootstrap/manageprops.php上找到） - 当用户希望执行操作时，我正在触发模态，需要将其传递给属性的ID。我将我的方法重大为基于在堆栈溢出上发现的响应，但是一旦将其放入页面上，它就会停止运行。我认为这可能与我的JS有关，但是我不确定如何最好地放置它，或者纠正我遇到的任何当前错误：

$(document).on("click", ".open-delPropDialog", function () {
     var propForDel = $(this).data('id');
     $(".modal-body #propId").val( propForDel );
    $('#delPropDialog').modal('show');
});

这是一个带有我当前代码的分叉JSFIDDLE：http://jsfiddle.net/mxqux/

jsfiddle已集成到我的页面上，但尚未进行样式，因此两个按钮坐在顶部。

请帮助！

最初基于：（http://stackoverflow.com/questions/10626885/passing-data-data-to-a-bootstrap-modal）

Answer 1

您在代码块中拥有的内容：

$(".modal-body #propId").val( propForDel );

您在JSFiddle和网站上拥有的内容：

$(".modal-body #delPropDialog").val( propForDel );

修复您的JSFIDDLE和您的网站以匹配您在代码块中的代码，然后您应该很好。

更新JSFIDDLE