Question

我目前正在Confluence HTML宏中使用jQuery来显示对话框。

<input type="text" id="shortName" style="height: 18px; width: 50px;">
<input type="submit" id="submit" value="calendar">
<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery("#calendarDialog").dialog({
    modal: true,
    autoOpen: false,
    height: "600",
    width: "800",
    draggable: true,
    resizeable: true
  });
  jQuery("#submit").click(
    function() {
      var emp = jQuery("#shortName").val().replace('.', '');
      var url = <some-url>;
      var dialogTitle = emp + "'s day calendar";
      jQuery("#calendarDialog").dialog("open");
      jQuery("#calendarDialog").dialog( "option", "title", dialogTitle );
      jQuery("#calendarIFrame").attr("src", url);
      return false;
  });
    jQuery("#shortName").focus();
});
</script>
<div id="calendarDialog" style="overflow: none;"><iframe id="calendarIFrame" width="100%" height="99%" frameBorder="0" title="dialogBox"></iframe></div>

我怎样才能在Confluence中包含来自jQuery UI的东西？如果我在上面的代码中包含jQuery UI（引用http://code.jquery.com/ui/1.9.0/jquery-ui.js），它会破坏宏中的jQuery代码。

Answer 1

在atlassian-plugin.xml中：

<web-resource name="Resources" key="A-NAME-FOR-a-resource-key">
    <dependency>com.atlassian.auiplugin:ajs</dependency>
    <resource type="download" name="jquery-ui.js" location="js/jquery-ui.js"/>
    <resource type="download" name="jquery-ui.css" location="css/jquery-ui.css"/>
</web-resource>

在file_name.vm中：

$webResourceManager.requireResource("A-NAME-FOR-a-resource-key")

文件jquery-ui.js和jquery-ui.css应该存储在resources文件夹下

如何在Confluence中使用jQuery UI？

1 个答案: