javascript - 由ajax加载的easytabs中的'get'变量

Question

通常在 php 中我可以像这样使用传入的变量:

http://localhost:88/myapp/mypage.php?id=552200

$_GET['id'];

我现在切换了一个页面以使用 easytabs ( https://os.alfajango.com/easytabs/ )

选项卡在 index.php 上初始化，它有 2 个选项卡，page1.php 和 page2.php在 index.php 中，我有这段代码来初始化选项卡:

jQuery(function($) {

  var container = $('#ajax-tab-container');

  container.easytabs({
    animate: false,
    cache: false,
    updateHash: true,
    defaultTab: $('#selectedTab').val()
  }).bind('easytabs:after', function(event, $clicked, $targetPanel, response, status, xhr) {
    $('input, textarea, select, button', $('.disable-fields')).prop('readonly', true).prop('disabled', true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://rawgit.com/JangoSteve/jQuery-EasyTabs/master/lib/jquery.easytabs.js"></script>

<div id="ajax-tab-container" class='tab-container'>

  <ul class='etabs'>
    <li class='tab'>
      <a href="Verloop_meldingen.php" data-target="#tab-1">Verloop meldingen</a>
    </li>
    <li class='tab'>
      <a href="openstaande_meldingen.php" data-target="#tab-2">Openstaande meldingen</a>
    </li>
  </ul>

  <div class='panel-container'>
    <div id="tab-1"></div>
    <div id="tab-2"></div>
  </div>
</div>

我遇到的问题是在 index.php 中 $_GET 变量可用，但在选项卡中加载的页面中，它们不可用。

知道如何获取子页面中的变量吗？

Answer 1

在 href 中，您可以像往常一样传递 id

像这样:

 <a href="Verloop_meldingen.php?id=1" data-target="#tab-1">Verloop meldingen</a> 
 <a href="openstaande_meldingen.php?id=1" data-target="#tab-2">Openstaande meldingen</a>

在您的其他页面中，您可以像通常使用 $_GET 一样获取变量

如果您需要动态更改它，您可以使用 javascript 来更改 href，如下所示:

$('yourhref selector class/id here').attr('href', 'new href');