Question

我有一个页面上带有引导程序选项卡。我正在尝试从其他页面打开特定标签。我试图像书签示例http://localhost/view-customer#enquiries等进行链接。但是它不起作用。正在从查询中调用链接。查询脚本如下：

$(document).ready(function($){
$("#customers").autocomplete({
 source: "fetch_customers.php?cc=<?php echo $agencyid; ?>",
 minLength: 2,
 select: function(event, ui) {
var code = ui.item.id;
if(code != '#') {
location.href = '/view-customer/' + code + '#enquiries';
         }
 },
open: function(event, ui) {
$(".ui-autocomplete").css("z-index", 1000);
 }
});
});

我们可以看到location.href链接到http://localhost/view-customer/a1224#enquiries

和视图客户页面如下所示。

 <div id="enquiries" name="enquiries" class="tab-pane fade in rowCSS">

<div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">

            </div>
        </div>
        <div class="row" >
               @include('enquiries_table')
      </div>
    </div>
  </div>

这是一个简单的概念，但是仍然为什么不打开选项卡。引导标签可能会以与普通html不同的方式工作。我不确定。谁能指导我。

Answer 1

由于已经具有标签页目标标识符，请使用以下代码定位页面上的特定标签页。

$(document).ready(function(){
  const url = location.href; // get the browser URL
  const regEx = /\#(.*)/g; // match string starting with a "#" character
  const matched = url.match(regEx); // returns ['#enquiries']

  if(matched.length){
    let target = matched[0];
    // click on the target tab
    $(target).click(); // $('#enquiries').click();
  }
});

从其他页面链接引导打开选项卡

1 个答案: