Question

我在Laravel应用程序中关注this示例。我已将js文件包含在布局文件中，如下所示：

 <script type="text/javascript" src="{{ asset("assets/scripts/test.js") }}"></script>

test.js文件包含以下内容（与Plunker文件完全相同）：

    $('#edit-modal').on('show.bs.modal', function(e) {

            var $modal = $(this),
                esseyId = e.relatedTarget.id;
                $modal.find('.edit-content').html(esseyId);

    });

在我的视图文件中，我（与Plunker文件完全相同）具有以下内容：

<div><a href="#myModal" data-toggle="modal" id="w" data-target="#edit-modal">Edit 1</a></div>
<div><a href="#myModal" data-toggle="modal" id="q" data-target="#edit-modal">Edit 2</a></div>
<div><a href="#myModal" data-toggle="modal" id="d" data-target="#edit-modal">Edit 3</a></div>


<div id="edit-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body edit-content">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
 </div>

在需要显示对话框的页面上，我确定已加载test.js，因为我可以看到js文件的内容（使用视图页面源）。

虽然在Plunker示例中，内容会根据链接显示一次点击，我总是看到...而不是'a href'中的id。

看起来JS没有将html内容插入模态体编辑内容区域。关于如何调试这个的任何建议？

已更新 - 解决方案：

修正了一个小错字。上面的代码现在完全正确并且有效。

Answer 1

尝试.append而不是.html

http://api.jquery.com/append/

之前，通过发出警告（）

，检查是否将所需的值分配给变量 - esseyId

Laravel：模态参数

1 个答案: