0

非常简单的例子:

<div id="tabs">
  <ul>
    <li><a href="tab_index.php" id="ctx-1">Tab 1</a></li>
    <li><a href="tab_index.php" id="ctx-5">Tab 2</a></li>
  </ul>
  <div class="tabs-spacer" style="height:0px"></div>
</div>

现在的问题是:我想知道哪个选项卡“调用”tab_index.php。

最简单的解决方案是:tab_index.php?ctx=1,但出于安全原因,我不想使用 GET。

有可能吗?

小提琴:http: //jsfiddle.net/Sledgehammer/M8jYA/

4

2 回答 2

1

你可以绑定点击你的标签链接$('a[href="tab_index.php"]')

$(function() {
    $('a[href="tab_index.php"]').click(function(){
       var clickedTab = $(this).attr("id"));
    });
});

jsFiddle 示例 - http://jsfiddle.net/Zdw37/6/

于 2013-10-06T21:34:42.900 回答
0

如果不想使用 GET,可以使用 POST:

<div id="tabs">
  <ul>
      <li>
          <form action="tab_index.php" method="POST">
              <input type="submit" value="Tab1" name="tab" />
          </form>
      </li>
      <li>
          <form action="tab_index.php" method="POST">
              <input type="submit" value="Tab2" name="tab" />
          </form>
      </li>
  </ul>
  <div class="tabs-spacer" style="height:0px"></div>
</div>

演示: http: //jsfiddle.net/KTmga/(检查浏览器的网络控制台)

于 2013-10-06T21:32:34.783 回答