在Google Apps Script中,通过id链接到一个元素的href链接。

问题描述 投票:1回答:1

我有一个问题,链接一个元素的ID使用谷歌应用程序脚本。我使用Materialize,特别是我想使用标签结构。我与你分享我的代码

<script>

$(document).ready(function(){
  $('ul.tabs').tabs();
});
$(document).ready(function(){
  $('ul.tabs').tabs('select_tab', 'tab_id');
});



</script>
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <meta name="viewport" width="device-width">
    <?!= include("RegLeague-css"); ?>
  </head>
  
  <body class='grey lighten-4'>

 
<div class="row">
  <div class="col s12">
    <ul class="tabs">
     <li class="tab col s3"><a href="#test1">Test 1</a></li>
     <li class="tab col s3"><a class="active" href="#test2">Test2</a>     </li>
    </ul>
  </div>
  
  <div id="test1" class="col s12">Test 1</div>
  <div id="test2" class="col s12">Test 2</div>
</div>
              
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
<?!= include("RegLeague-js"); ?>

</body>
 
</html>

基本上当我点击1个链接时,它并没有把我重定向到Html中的id,而是把我链接到一个网站,这个网站是linkuserCodeAppPanel#test1。我确定这是Google Apps Script的问题,因为我在Visual Studio上试过同样的代码,用Live Server打开,确实能用。

谁能帮我了解一下这个问题,它应该像下面的图片中最后出现的那样。

谢谢你

请在此输入图片描述

google-apps-script materialize
1个回答
0
投票

问题就出在这一行。

<base target="_top">

在Apps Script Web Apps中,为了跳转到当前页面中的其他元素,你应该使用: _self 而不是。

<base target="_self">

或者,由于 _self 是默认值,摆脱 target 的属性,甚至是 <base> 标签共。

参考资料。

© www.soinside.com 2019 - 2024. All rights reserved.