Question

寻求window.location对象的帮助。

在我正在使用的标记中，有两个标签（LI），一个用于搜索结果＆＃39; list＆＃39;查看，另一个用于＆＃39; map＆＃39;视图和图形元素，单击该图形元素时，应触发“地图视图”选项卡/ URL（Google地图）。

地图视图具有基于用户搜索条件的动态URL，这是我在单击图像时要加载的URL。

这是我的淡化标记：

 <ul class="nav nav-tabs">
    <li class="next"><a href="#">List View</a></li>
    <li class="active"><a href="#">Map View</a></li>
</ul>

我写过的剧本：

jQuery(document).ready(function (jQuery){

  jQuery('.nav-tabs li:eq(0)').addClass('firstTab');
  jQuery('.nav-tabs li:eq(1)').addClass('secondTab');

  //add background color to visually focus tab
  jQuery('.active.firstTab', '.active.secondTab').css({
    'background-color': '#fff'
  });

  //insert content banner after second search result
  jQuery('.resRow:eq(1)').after('<div id="contentBanner"><a href=""><img src="http://prodcache.internal.ihg.com/content/dam/etc/media_library/branded/6c/en/us/banners/map/map_promo.gif" alt="Click here to view map location"></a></div>');


  // Fire click on the element that has the <a> with the proper 'href' attribute
  var tab = window.location.hash;

  $("#contentBanner:has(a[href=" + tab + "])").click();

  //remove/add class names
  jQuery('#contentBanner a').click(function() {
    jQuery('.nav.nav-tabs li:eq(0)').removeClass().addClass('next firstTab');
    jQuery('.nav.nav-tabs li:eq(1)').removeClass().addClass('active secondTab');
  });

  console.log("Search Map: Variant 4");        

});

您可以提供任何帮助/指导。

使用window.location辅助定位网址

0 个答案: