javascript不工作动态创建的javascript alink

Question

这不起作用，不确定哪里出了问题。我根本不想使用href onclick，我通常在ahref链接上使用id，然后以这种方式执行javascript，但我需要将参数从链接传递到函数，不确定是否有其他选择？

使用参数的代码没有显示，它只是一个论坛链接，但它将主题加载到div中

function changetotopicdetails(topicid, topicname) {
    $('#loadingAjaxs').show();
    $('#flubestext').hide();

<a href="javascript:changetotopicdetails(@following.Id, @following.ShortName);">@following.Title</a>

我通常会做这样的事情

$('#changeuserstwohour').click(function () {
       $('#userswrap').load('@Url.Action("TrendingUsersMenutwohr", "Trending")');
    });

但是通过这样做，我不能在循环期间向函数发送参数(主题列表)

有什么建议吗？

Answers指出，我需要将变量传递给新的{}

$('#changeuserstwohour').click(function () {
       $('#userswrap').load('@Url.Action("TrendingUsersMenutwohr", "Trending", new {@theid = id, @thename = name})');
    });

Answer 1

您可以执行常用的单击函数、eventListener或bind，并使用数据值来指示用户名和趋势值。

因此，您的标记将如下所示

<a href="#" data-id='@following.Id' data-short-name='@following.ShortName'>@following.Title</a>

然后是您常用的点击函数，如下所示

$('#changeuserstwohour').click(function () {
   $('#userswrap').load('@Url.Action($(this).data(id), $(this).data(short-name)');
});

如果有多个对象，则可能需要使用.each()，或者在每次ajax加载后调用它，以确保它监听新对象。我还没有测试它，因为我没有真正的功能，但这应该可以工作！请告诉我进展如何，如果您有其他问题:)

Answer 2

到目前为止提供的这两种技术的组合可能是您真正想要的。

您的单个操作链接的标记将如下所示：

 <a href="#" class="selectorForYourActions" data-id='@following.Id' data-short-name='@following.ShortName'>@following.Title</a>

然后你的点击回调看起来像这样

$('#idOfContainerYourLoopCreatesItemsWithin').on("click", "a.selectorForYourActions", function () {
   $('.userswrap').load('@Url.Action($(this).data(id), $(this).data(short-name)');
});

这将捕获与该类匹配的任何动态创建的项(如果它们是在ID选择器选择的元素中创建的)，但只处理带有标记类的锚点标记上的单击，因此您可以同时拥有许多具有唯一(或没有)ID的锚点和具有正常(或不同)功能的锚点。