尝试使用bootstrap模式传递参数(失败)

时间:2012-10-24 14:52:09

标签: twitter-bootstrap modal-dialog

我正在使用模态选项框实现各种列表。 想象一下属性列表(在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-to-a-bootstrap-modal)

1 个答案:

答案 0 :(得分:1)

您在代码块中的内容:

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

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

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

修复你的JSFiddle和你的网站以匹配你的代码块中的代码然后你应该好好去。

更新了jsfiddle