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');

这与以前的要求一样。但是我需要能够添加另一个链接，它将显示另一个允许各种选项的菜单。问题是我已将click事件附加到div。如何将其仅附加到链接？

创建李
创建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属性。

希望这应该给你至少一些灵感：）

JQuery列表事件

1 个答案: