Question

我有一个包含许多链接的页面，这些链接会触发cjuidialog打开：

<?php foreach($client->assignments as $clientProjects) { ?>
    [...]
    <a href="javascript:void(0);"
        id="attach_file_project_<?=$clientProjects['project_id']?>"
        class="attach_timesheet_file"
        data-id="<?=$clientProjects['project_id']?>"
        data-week-start="<?=$client->clientWeek[0]?>"
        data-week-end="<?=$client->clientWeek[6]?>"
    >Attach File</a>
    [...]
<?php } ?>

这是将触发对话框的脚本。对话框内容正在ajax调用中生成：

$(".attach_timesheet_file").off('click').on("click", function(e) {
    e.preventDefault();
    $('#files-grid .delete').off('click');
    var id = $(this).data("id");
    var weekStart = $(this).data("week-start");
    var weekEnd = $(this).data("week-end");
    var url = "<?=Yii::app()->createUrl('admin/timesheetNew/attachTimesheet')?>";
    $.ajax({
        type: 'GET',
        url:url + "?id=" + id + "&week_start=" + weekStart + "&week_end=" + weekEnd,
        success: function(data) {
            var modal = $("#attachFileModal");
            modal.html(data);
            modal.dialog('open');
            return true;
        }
    })
});

该对话框允许您添加＆amp;删除文件。在对话框中，我正在使用一个CGridView小部件，其中包含一个删除链接：

$this->widget('zii.widgets.grid.CGridView', [
    'id' => 'files-grid',
    'dataProvider' => $dataProvider,
    'columns' => [
        [...]
        [
            'class' => 'CButtonColumn',
            'template' => '{delete}',
            'buttons' => [
                'delete' => [
                    'label' => 'Delete',
                    'imageUrl' => null,
                    'url' => 'Yii::app()->createUrl("admin/timesheetNew/deleteFile", ["id" => $data["id"]])'
                ]
            ],
            'deleteConfirmation' => 'Are you sure you want to delete this file?',
            'afterDelete' => 'function(){
                $("#files-grid").yiiGridView("update");
            }'
        ]
    ]
]);

我面临的问题是当我打开，关闭并重新打开一个对话框时，我希望删除一个文件，我需要在打开对话框时多次单击确认按钮。

我尝试使用$（“。attach_timesheet_file”）。off（'click'），这应该可以解除绑定事件，但它没有帮助，也尝试相同的#file-grid .delete没有也工作。

有人有想法吗？

Answer 1

我的方法是“标记”具有唯一类的新绑定。我已经考虑过使用一些数据集属性，但添加一个独特的类看起来更容易使用。顺便说一句，关于使用“off（'click'）”的问题是你取消绑定你已经拥有的任何其他点击;

$('#filtro').not('.bindfiltro').change(function () {
    $(this).submit();
}).addClass('bindfiltro');

如何避免'双'事件双重绑定？

1 个答案: