0

让 jQueryUI 工作/初始化 Gmail Contetual Gadget Spec 文件的 CDATA 部分内的基本按钮时遇到问题。

这是规范文件的 CDATA 部分的第一部分。

问题是当 alert() 运行时， .button() 调用对 html 按钮没有任何作用。

我也试过 .button("refresh") 无济于事。

<Content type="html" view="card">
<![CDATA[
  <style type="text/css" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css"></style>
  <!-- Start with Single Sign-On -->      
  <script type="text/javascript" src="http://example.com/gadgets/sso.js"></script>
  <!-- jQuery -->
  <!-- Check for latest .. https://developers.google.com/speed/libraries/devguide -->
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
  <p>Version 11</p>

  <button type="submit" id="test-button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"><span class="ui-button-text">Button</span></button>
  <script type="text/javascript">$(function() { $("#test-button").button(); alert("why?"); } );</script>

我错过了什么吗？

4

2 回答 2

1

您需要在最后一行#的选择器前面添加一个，因为它是.test-buttontest-buttonidbutton

您还拥有比创建按钮所需的更多的标记。尝试更改此行：

<button type="submit" id="test-button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"><span class="ui-button-text">Button</span></button>

到...

<button id="test-button">Button</button>

该button插件将负责从那里添加所有类以及它需要的类。

于 2012-07-06T02:19:01.730 回答
0

好吧，所以..耻辱。问题是没有正确导入 jqueryUI 样式。

而不是“”，我需要使用“ 

<link rel="stylesheet" type="text/css" media="screen, projection" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css"/>
于 2012-07-09T23:46:18.400 回答