jquery.gantt插件沒有做任何事

我在做什麼： 安裝jquery.gantt插件並運行文檔中給出的基本示例。jquery.gantt插件沒有做任何事

如何失敗： JavaScript不做任何事情，目標DOM保持不變。

我做了什麼： 我檢查CSS文件style.css，和JS jquery.fn.gantt.js被安裝。我檢查了安裝的圖像。我看了文檔的來源。

部分代碼：我把它從文檔中作爲一個例子，但從未設法使它工作。

<script type="text/javascript"> 
<!-- 
     $(".ganttdiv").gantt({ 
      source: [{ 
       name: "Example", 
       desc: "Lorem ipsum dolor sit amet.", 
       values: [ { 
        to: "/Date(1328832000000)/", 
        from: "/Date(1333411200000)/", 
        desc: "Something", 
        label: "Example Value", 
        customClass: "ganttRed", 
        dataObj: foo.bar[i] 
       }] 
      }], 
      scale: "weeks", 
      minScale: "weeks", 
      maxScale: "months", 
      onItemClick: function(data) { 
       alert("Item clicked - show some details"); 
      }, 
      onAddClick: function(dt, rowId) { 
       alert("Empty space clicked - add an item!"); 
      } 
     }); 


//--> 
</script> 
<div class="ganttdiv"></div>

我的問題：

我想知道我做錯了什麼，或者只是看到Jquery.gantt的工作示例代碼。任何關於如何調試這個問題的建議也很樂意。

來源

2012-08-24 L. Sanna

好吧，我設法讓它工作。

默認的CSS迫使你把class ='gantt'放在目標DOM上，而不是像我那樣'ganttdiv'。

這是一個工作例子，我希望它對某人有用。

<script type="text/javascript"> 
<!-- 
    $( function(){$(".gantt").gantt({ 
      source: [{ 
       name: "Example", 
       desc: "Lorem ipsum dolor sit amet.", 
       values: [ { 
        to: "/Date(1376954000000)/", 
        from: "/Date(1375854000000)/", 
        desc: "Something", 
        label: "Example Value", 
        customClass: "ganttRed", 
       }] 
      }],scale: "weeks", 
      minScale: "weeks", 
      maxScale: "months", 
      navigate:"scroll", 

      onItemClick: function(data) { 
       alert("Item clicked - show some details"); 
      }, 
      onAddClick: function(dt, rowId) { 
       alert("Empty space clicked - add an item!"); 
      } 
     }); 
}); 

//--> 
</script> 
<div class="gantt"></div>

來源

2012-08-25 13:38:39

jquery.gantt插件沒有做任何事

回答

相關問題