2010-05-23 94 views
1

有没有人知道这个谷歌代码是如何工作的?jquery谷歌链接

我有以下几点:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>My Google AJAX Search API Application</title> 
    <script src="http://www.google.com/jsapi?key=blahblahblah" type="text/javascript"></script> 
    <script language="Javascript" type="text/javascript"> 
    google.load("jquery", "1"); 
    google.load("jqueryui", "1"); 
    </script> 
    </head> 
    <body> 
    <div class="ui-state-highlight"> 
    hello world 
    </div> 
    </body> 
</html> 

然而<div></div>应显示与世界您好错误对话框。但它没有显示红色的背景,因此用户界面不工作...

我在这里做了什么错?

回答

5

您还需要样式表,如果你想要的造型,这样的:(!一定得更新的版本号)

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css"> 

这是基础(灰色)的主题,there are others

除非你需要google.load其他的东西,你可以直接包含脚本,值得看看this question的优点/劣势使用google.load()

加载它们直接是这样的:应显示

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 
+0

感谢名单,使得很多的意义地狱:)不像谷歌的网页...你能不能帮我找到位置为了用户?的jquery,因为那里只有jquery核心...还有我不能把最新?而不是版本号或类似的东西:) – Val 2010-05-23 14:40:07

+0

@Val -Google在这里有一个页面:http://code.google.com/apis/ajaxlibs/最新的,你可以把'/1 /'代替最新版本1的'/ 1.4.2 /',或者最新的1.4.x版本的'/ 1.4 /',这是否合理? – 2010-05-23 14:44:01

+0

使用最新的更新版本并不一定好,您的某些内容可能会中断。我个人喜欢只使用1.8.1,然后在必要时进行更新。 – Derek 2010-05-23 15:29:03

0

的Hello World,但由于该类用户界面状态,hightlight是无处可寻,世界你好只是显示为纯文本。

0

它的工作原理采用<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css">

你也可以推出自己的风格在这里

​​