手机无法导入 HTML

OLY 发表于 Dev

奥利

我曾经想在一个 HTML 中导入 HTML 页面。

最后，我工作了！chrome、firefox、opera 都可以导入到桌面上。

第一种方式

但是 safari 也有问题，它无法在移动设备上运行，所有浏览器都无法加载它。

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>    
<script> 
    $(function(){
      $("#1").load("section/1.html");
      $("#2").load("section/2.html"); 
      $("#3").load("section/3.html"); 
      $("#4").load("section/4.html");  
    });
</script> 

<section><div id="1"></div></script>
<section><div id="2"></div></script>
<section><div id="3"></div></script>
<section><div id="4"></div></script>

---------- 第二种方式

由 angular.min.js 这个可以在移动和桌面上的 Chrome 上工作，但 Safari 不能。加载第一部分时出错，不知道为什么...

<div ng-app="">
<section ng-include="'1.html'" data-0="transform: translateX(300px);" data-300="transform: translateY(0px)></section>
<section ng-include="'2.html'"></section>
<section ng-include="'3.html'"></section>
<section ng-include="'4.html'"></section>
</div>

奥利

Anyway way By angular.min.js this one works
<div ng-app="">
    <section ng-include="'1.html'" data-0="transform: translateX(300px);" data-300="transform: translateY(0px)></section>
    <section ng-include="'2.html'"></section>
    <section ng-include="'3.html'"></section>
    <section ng-include="'4.html'"></section>
    </div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。