Question

我正在尝试使用谷歌应用程序脚本，谷歌工作表和jquery mobile构建一个Web应用程序。

我的html只显示为无格式文本，我在浏览器控制台中收到以下错误消息：

我在这篇文章中注意到他们的html代码与我的相同，至少我认为是：

在他们发布的截图中，它显然正常工作，即使他们有一个单独的缩放级别问题。

这是我的HTML：

<!DOCTYPE html> 
<html> 
<head> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">

<?!= include('JavaScript');?>
</head> 
<body> 

<div data-role="page" class="page" id="pgHome" data-title="My Page Title">

The rest of my html basically follows the boilerplate html from jquery.

这是我的应用脚本代码：

function doGet() {
return HtmlService.createTemplateFromFile('myHtml').evaluate().setTitle("TAH Inventory Management");
}

function include(filename) {
return HtmlService.createTemplateFromFile(filename).evaluate().getContent();
}

我的JavaScript.html文件包含从Google工作表填充UL的脚本。

任何想法为什么jquery mobile的结构或样式都没有起作用？

我还尝试使用jquery mobile本身的代码片段，但这也没有用。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

我非常感谢能得到的任何帮助。提前谢谢。

Answer 1

显然我的问题是jquery mobile和jquery 3之间不兼容，正如本文所述：enter link description here

我将代码更改为以下内容，现在可以正常使用了！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">

如何让jQuery mobile与app脚本一起使用？

1 个答案: