如何将GoogleJSAPI用于jquery和jqueryui

如何将GoogleJSAPI用于jquery和jqueryui,jquery,jsapi,Jquery,Jsapi,今天我发现了另一种包含jquery和jqueryui的“标准方式”: <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> &l

今天我发现了另一种包含jquery和jqueryui的“标准方式”:

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

使用google jsapi还有另一种方法:

<script src="//www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.7.2");
$(function() { $( document ).tooltip(); });
</sciprt>

load(“jquery”,“1.4.2”);
google.load(“jqueryui”,“1.7.2”);
$(函数(){$(文档).tooltip();});
jsapi方法更好吗


因为我尝试过jsapi方法,但它似乎只适用于jquery,而不适用于jqueryui,事实上工具提示没有显示。发生了什么?我也应该包括jquery css吗?或者我需要一把钥匙?

这个想法是为了增强页面的加载。因此,在下载jquery和jqueryui时,您的网页呈现不会被阻止。你也需要加载你的css,我认为你需要内联完成这项工作,所以你仍然需要link标签来加载jqueryui css

必须承认我没有真正使用过GoogleLoadAPI,但它似乎在做与requirejs类似的事情,即动态加载客户端脚本。如果您希望以编程方式加载不同的语言,这将非常有用。如果您有一个场景,在某些情况下可能不需要加载jqueryui


查看以上内容了解更多信息。

因为您使用的是jsapi,当您尝试使用jQuery时,它以异步方式加载javascript,所以不能保证jQuery和jqueryUI会被加载。使用脚本标记时,在加载文件之前不会执行任何操作。有一个带有
load
的选项,允许您触发回调,以便在加载所请求的库时执行代码。请发布一个完整的示例,说明如何使用jsapi加载jqueryui工具提示?我尝试了很多次,但是jqueryui似乎不起作用。从你的例子中,我看不出有理由使用GoogleAPI。在阅读了下面答案中提供的文档之后,它展示了如何使用callback
google.load(“可视化”,“1”,“callback”:pageLoaded})-但这里有2个库,必须确保jquery在jQueryUI之前加载,这意味着jquery的回调将调用jQueryUI。但正如我所说的,如果您只想加载这两个库,请在
中使用
标记。