Question

我从数据库中获取70条记录并将其加载到html表中，当用户从1到70条记录向下滚动时，滚动事件调用和接下来的70条例如限制70,140 记录获取和附加到已显示的记录。所以我也通过添加一个类在所有行中使用右键单击或oncontextmenu函数。当用户右键单击表格的任何数据行时（'contextmenu'，function（）{}）;在前70个记录中调用的事件默认获取但未在下一个70条记录上调用，这些记录在滚动后附加前70条记录。请帮我解决这个为什么没有调用contextmenu事件？我的代码是。

//前70条记录默认显示，并在表格行中显示为

echo '<tr class="mute_ref_link_cls" id="' . $mm->msn . '_' . str_replace(array('_dup', '-dup'), '', $mm->name) . '_' . $mm->customer_id . '"  onClick="mute_ctrl_fn(' . $mm->customer_id . ');openSubDiv(' . $mm->cid . ',' . $mm->customer_id . ',\'' . $mm->f_id . '\',\'' . $mm->msn . '\',\'info\',\'' . str_replace(array('_dup', '-dup'), '', $mm->name) . '\');">';
echo '<td class="muteClr with-tip" id="' . $mm->customer_id . '" title="' . $res . '"><a style="color:red" onClick="">' . str_replace('-dup', '', str_replace('_dup', '', $mm->name)) . '</a></td>';
echo '<td>';
echo ($mm->session_date_time > 0) ? date('d-M-Y H:i', strtotime($mm->session_date_time)) : 'N/A';
echo '</td>';
echo '</tr>';

**滚动后接下来的70条记录被提取并在第70条记录的末尾追加为

echo '<tr class="mute_ref_link_cls" id="'.$mm->msn.'_'.str_replace(array('_dup','-dup'), '', $mm->name).'_'.$mm->customer_id.'"  onClick="mute_ctrl_fn('.$mm->customer_id.');openSubDiv('.$mm->cid.','.$mm->customer_id.',\''.$mm->f_id.'\',\''.$mm->msn.'\',\'info\',\''.str_replace(array('_dup','-dup'), '', $mm->name).'\');">';
        echo '<td class="muteClr with-tip" id="'.$mm->customer_id.'"  title="'.$res.'"><a style="color:red" onClick="">'.str_replace('-dup', '', str_replace('_dup', '', $mm->name)).'</a></td>';
        echo '<td>';
        echo ($mm->session_date_time>0)?date('d-M-Y H:i',  strtotime($mm->session_date_time)):'N/A';
        echo '</td>';
        echo '</tr>';

右键点击前70条记录时我的jquery代码：

$('.mute_ref_link_cls').on('contextMenu', function (event, list)
{
    $(this).trigger('click');
    var str = this.id;
    //getting msn and reference number as id on right click :: Ahmad Fraz
    var dtz = str.split("_");
    list.push({text: 'Add Reason', link: 'javascript:matchMMPinCodeForm(' + dtz[0] + ',' + dtz[1] + ',' + dtz[2] + ')', icon: 'blog'});
    list.push({text: 'Cancel', link: 'javascript:pending(' + dtz[0] + ',' + dtz[1] + ',' + dtz[2] + ',\'nf503698\')', icon: 'delete'});
});

Answer 1

理想情况下，您应该使用事件委派来对动态添加到DOM的元素进行事件绑定。

在你的情况下应该是：

$('table').on('contextMenu', '.mute_ref_link_cls', function (event, list)
{
    $(this).trigger('click');
    var str = this.id;
    //getting msn and reference number as id on right click :: Ahmad Fraz
    var dtz = str.split("_");
    list.push({text: 'Add Reason', link: 'javascript:matchMMPinCodeForm(' + dtz[0] + ',' + dtz[1] + ',' + dtz[2] + ')', icon: 'blog'});
    list.push({text: 'Cancel', link: 'javascript:pending(' + dtz[0] + ',' + dtz[1] + ',' + dtz[2] + ',\'nf503698\')', icon: 'delete'});
});

根据jQuery文档：http://api.jquery.com/on/

第一个参数是事件第二个可选的是选择器第三个可选的是处理程序的数据最后一个是事件的处理程序。

很抱歉打字错误/代码对齐，因为我在手持设备上回复。

在HTML表

1 个答案: