javascript - 如何格式化 url 以便直接导航到网站中的特定位置?

标签 javascript twitter-bootstrap twitter-bootstrap-3

我正在使用这个模板agency ,它是用 bootstrap v.3 构建的。在作品集中,当您单击其中一个项目时,会显示一个包含更多信息的页面。如何设置链接格式,以便直接导航到该页面? 我在网址末尾添加了#portfolioModal1,但它不起作用..

最佳答案

您必须为此使用脚本,例如 link

使用这个:

<script>
  if(window.location.hash) {
    var hash = window.location.hash;
    $(hash).modal('toggle');
  }
  $('.portfolio-link').click(function(){
       window.location.hash = $(this).attr('href');
  });
</script>

这样调用它:

http://ironsummitmedia.github.io/startbootstrap-agency/#portfolioModal1

关于javascript - 如何格式化 url 以便直接导航到网站中的特定位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32724699/

相关文章:

javascript - Twitter Bootstrap 2.1.0 响应式子菜单看起来很困惑

javascript - 如何在 React 应用程序中初始化 Bootstrap 4 弹出窗口?

jquery - 阻止 bootstrap 3 在导航栏按钮的末端创建填充

web - Bootstrap 或 Google Polymer 哪个更好

javascript - 更改 "active"面板的 Bootstrap 面板 CSS 类(单击/聚焦)

javascript - Webpack - 如何通过实时重新加载将 .html 片段包含到 index.html 中?

javascript - react-testing-library 或 Cypress - 添加多个 data-testids

javascript - 在数组javascript中的每个json对象中添加新字段

javascript - 如何检查字符串是否包含子字符串?

css - 选择 ElementA 内不在 Element 内的每个元素,其中 Element 在 ElementS 内