0

我有一个带有选项卡和子选项卡的页面，所有这些都由单击选项卡（或子选项卡）时启动的 ajax 调用“填充”。

当我从一个选项卡 x 子选项卡组合中的内容超链接到另一个选项卡 x 子选项卡组合时，正在选择正确的选项卡 x 子选项卡，但由于没有发生单击事件，因此没有加载任何内容。

我的计划是：

  1. 获取链接到的 li 元素的 ID
  2. 找到其中的 a 标签并获取其 ID
  3. 在 .trigger('click') 调用中使用该 ID 来启动 ajax 调用以加载其内容（该 ID 包含后端处理所需的信息）

我已经在链接的标签中添加了一个类，并且正在使用以下函数。它失败是因为 'tst' 给出了当前子标签 li 的 ID，而不是链接到的。

$('a.totab').live("click",function(){
    var tst = $('li.ui-tabs-selected.pagelink').attr('id');
    var tst2 = $('#'+tst).find('a').attr('id');
    $('#'+tst2).trigger('click');
});

'pagelink' 是一个只出现在子标签 li 元素中的类。链接的 URL 格式为“growsafe.asp?id=Z321141S39#techbox=2&sm=4”，其中 techbox=2 是父选项卡的索引，sm 是子选项卡的索引。

我只是无法在这里概念化我的前进方式 - 非常感谢您的建议。

谢谢/布鲁斯

4

1 回答 1

0 
$('a.totab').live("click",function(){
    var tst = $(this).attr('id');
    var tst2 = $('#'+tst).find('a').attr('id');
    $('#'+tst2).trigger('click');
});

对单击的元素使用 $(this)。但是，您的 javascript 非常令人困惑，因此如果您也发布 HTML，则可能更容易为您的问题提供更优化的解决方案。

于 2012-08-23T09:51:44.010 回答