Question

我想在bootstrap模式上加载<amp-img>这是我的代码：

<div id="modal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">
      <div class="exclusive-box">
      <div class="exclusive-inner">
      <a href="">&times;</a></div>
  </div>
  </span>
  </button>
  <div class="modal-body">
    <div class="modal-logo"><a href="">
      <amp-img src="http://dummyimage.com/600x400/000/fff" alt="" width="600" height="400" layout=responsive ></amp-img>
      </a></div>
  </div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>

<script>
$(window).load(function(){
    $('#modal').modal('show');
});
</script>

但是图像没有显示，当我尝试在bootstrap轮播或jQuery事件上显示的任何其他图像上实现它时，同样的问题仍然存在

Answer 1

AMP中无法创建任何用户创作的JavaScript代码，只有Google AMP小组提供的JavaScript可能会按照AMP's specifications存在于AMP网页上。

Answer 2

我认为AMP不支持此功能。

“AMP目前仅关注出版物的网站（例如报纸，其中页面相对简单且不具有丰富的交互性），而Bootstrap旨在更广泛的用途，包括复杂的网络应用程序。”


不能使用任何自定义JS（因此任何Bootstrap组件和JavaScript插件都没有）;解决这个问题的唯一方法是将需要JS行为的任何东西定义为扩展组件，通过语法
加载
你只能使用HTML和特定标签的子集 - 因为Bootstrap本身实际上并没有构建整个页面/标记，而是由作者完成的，没有太多的Bootstrap需要在这里做。

您只能将自定义样式添加为内联 - 这是作者可以/应该做的事情，而不是Bootstrap应该处理的事情

- 来自“AMP'd HTML”

amphtml在bootstrap模态中显示amp-img

2 个答案: