我有一个问题,链接一个元素的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打开,确实能用。
谁能帮我了解一下这个问题,它应该像下面的图片中最后出现的那样。
谢谢你
问题就出在这一行。
<base target="_top">
在Apps Script Web Apps中,为了跳转到当前页面中的其他元素,你应该使用: _self
而不是。
<base target="_self">
或者,由于 _self
是默认值,摆脱 target
的属性,甚至是 <base>
标签共。