Question

在我的页面中，我试图显示一个jquery模式对话框，按下表格中的单元格。按项目不会显示问题。我按下了一个按钮，如果它在点击时有效，但由于该表不起作用。我还尝试添加以下代码：

<div data-toggle="modal" data-id="1" data-target="#orderModal" class="cal1">

此代码导致所有表格单元格显示相同的模态对话框，并且不希望这样。

我希望模态显示一些指定的单元格，而不是全部。所以我将代码添加到每个td

<td data-toggle="modal" data-id="1" data-target="#orderModal" class="day past calender-day-2015-05-01"><div class="day-contents">1</div></td>

但不起作用，我相信它应该有用。

感谢您提供有关如何解决此问题的帮助或建议。此致！

我的网络演示：http://pedregal09.co.nf/programa/index.html

这是我的模板代码： http://pastebin.com/raw/c9Y8awuh

Answer 1

您的javascript中存在错误，您使用的事件变量未定义。您需要首先在浏览器中使用javascript控制台来检查javascript错误。

    $(function(){
        $('#orderModal').modal({
            keyboard: true,
            backdrop: "static",
            show:false
        }).on('show', function(event){
            var getIdFromRow = $(event.target).closest('tr').data('id');
            //make your ajax call populate items or what even you need
            $(this).find('#orderDetails').html($('<b> Order Id selected: ' + getIdFromRow  + '</b>'))
        });
    });

Answer 2

从我在代码中看到的内容中，当您单击列时触发模式两次。首先你有：

<div data-toggle="modal" data-id="1" data-target="#orderModal" class="cal1">

然后：

<td data-toggle="modal" data-id="1" data-target="#orderModal" class="day past calender-day-2015-05-01"><div class="day-contents">1</div></td>

从＆＃34; div＆＃34;中删除触发器它会起作用。

从表中显示模态对话框

2 个答案: