javascript - JQuery 列表事件

Question

目前我正在使用以下代码构建一个列表:

$('<li id="li' + jJob.Id + '"><div style="width: 98%; background-color: #9E7BFF; colour: #000000"><a href="javascript:void(0);">' + jJob.Type + ' ' + jJob.AddressClean + ' (' + jJob.Status + ')' + '</a></div></li>').click(function(e) { ShowStatus('job ' + jJob.Id + ' is available'); UnassignJob(jJob.Id); $(this).remove(); }).bind("contextmenu", function(e) { alert('li' + jJob.Id); return false; }).appendTo('#assignmentList');

这按以前的要求工作。但是，我需要能够添加另一个链接，该链接将显示另一个允许各种选项的菜单。问题是我已经将点击事件附加到了 div 上。如何将其仅附加到 a 链接？

• 创建li
• 创建div
• 创建带有点击事件的链接
• 创建另一个链接点击事件
• 将 li 附加到#assignmentList

标记

Answer 1

您想要附加您的onclick事件到您的<a> li 内的链接正确吗？

一种选择是删除

.click(function(e) { ShowStatus('job ' + jJob.Id + ' is available'); UnassignJob(jJob.Id); $(this).remove(); })

而是将其放在您的链接中，例如

'<a href="javascript:NewClickEvent(' + jJob.Id + ')"> stuff </a>'

NewClickEvent 定义为

function NewClickEvent(jobID)
{
ShowStatus('job ' + jobID + ' is available'); 
UnassignJob(jobID); $(this).remove();
}

注意 - 你可能需要稍微修改一下才能得到 $(this)像以前一样工作...不确定当前会带回什么对象。

您可以使用如图所示的 href 属性，或添加 onclick链接属性。

希望这至少能给您一些启发:)