如何直接使用javascript在AMP页面中打开侧边栏？ 有功能吗？
[英]How do I open the sidebar in a AMP page with javascript directly? Is there a function?
问题描述
I do not really comprehend the way to debug this the right way so I cannot solve the problem. 
我不太了解正确的调试方法，因此无法解决问题。 I have an AMP page, take this as example: 我有一个AMP页面，以此为例：
<!doctype html>
<html AMP lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="canonical" href="//link_to_self" />
<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element=amp-sidebar src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom></style>
</head>
<body>
<amp-sidebar id="sidebar" layout="nodisplay">Sidebar</amp-sidebar>
<button on="tap:sidebar.open">Open sidebar</button>
</body>
</html>
What I want to do is a pure javascript call that does the same as the button does. 我想做的是一个纯JavaScript调用，其功能与按钮相同。 This doesnt work: 这不起作用：
<script>
document.getElementById("sidebar").open();
</script>
The reason I need this is that I have a swipe library that when swipe is detected needs to call the function to open the menu. 我需要这个的原因是我有一个滑动库，当检测到滑动时需要调用该函数以打开菜单。 Anyonw know how I would call the sidebar function? Anyonw知道如何调用侧边栏功能吗？
The documentation has three states that are possible from HTML, how do I call these from javascript? 该文档具有HTML可能提供的三种状态，如何从javascript调用这些状态？ (and if possible, how do I find the name of function with the chrome debugger or is it possible, I have now clue but I would think the answer is infront of me as I can read the javascript code. （并且，如果可能的话，如何通过chrome调试器找到函数的名称，或者是否有可能，我现在有所提示，但是我认为答案就在我眼前，因为我可以阅读javascript代码。
<button on="tap:sidebar.toggle">Toggle sidebar</button>
<button on="tap:sidebar.open">Open sidebar</button>
<button on="tap:sidebar.close">Close sidebar</button>
1 个解决方案
解决方案1
0 已采纳 2017-03-02 11:35:12
From what I know, you can't unfortunately: 据我所知，不幸的是你不能：
One thing we realized early on is that many performance issues are caused by the integration of multiple JavaScript libraries, tools, embeds, etc. into a page.
From: AMP Project | 来自： AMP项目| How it works 这个怎么运作
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.