2015-12-22 50 views
3

我无法让jQuery警报在我的GAS项目中工作。我能够包括基本jQuery库是这样的:无法让jQuery警报在Google Apps脚本中工作

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

但是,如果我尝试包括这些jAlert使用:

<script src="https://jquery.alerts.js" type="text/javascript"></script> 
<link href="https://jquery.alerts.css" rel="stylesheet" type="text/css"> 

我得到一个错误说:“网:: ERR_NAME_NOT_RESOLVED”在控制台中。

如何包含用于GAS的jquery警报库?

注意:jquery.alerts.js网站是否有效?我没有看到任何内容(我是新手,我不知道这个网站是否应该存在或不存在)。

+1

您需要将文件jquery.alerts.js和.css保存到Web服务器的HTTPS。 Google协作平台或Dropbox可以托管这些文件。 –

+0

嗨。谢谢回复。有没有公​​开的jquery警报文件,你知道吗?我认为,因为这是一个常用的图书馆,它可以很容易地在一些公共网络服务器上使用。 –

+0

jQueryUI(你已经包含)有内置的对话框功能:http://jqueryui.com/dialog/ –

回答

2

你可以在你的google apps脚本项目中添加jquery.alerts源代码。 在谷歌的Apps脚本项目中创建的HTML文件jquery.alerts.css.html,并把它的源代码在标签风格

<style> popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ /*...and other code*/ </style>

不是创建HTML文件jquery.alerts.js。 HTML,并把它的源代码在标签脚本

<script type="text/javascript"> (function($) {
$.alerts = { verticalOffset: -75, horizontalOffset: 0, repositionOnResize: true, /*...and other code*/ </script>

然后当你可以使用这个库的HTML服务。例如:

<html> <?!= include('jquery.alerts.css.html'); ?> <?!= include('jquery.alerts.js.html'); ?> <head> <base target="_top"> </head> <body> <div> <a href="http://google.com">Click Me!</a> </div> </body> </html>

+1

做到了这一点,工作得很好,谢谢! (其他用户请注意:您必须从文件创建模板输出,并使用google apps server include详细信息:https://developers.google.com/apps-script/guides/html/best-practices) –