jq.schedule.jsを複数のDIV要素に使いたい

Question

https://github.com/ateliee/jquery.schedule

jq.schedule.jsを上記からダウンロードしてカスタマイズを試みています。
index.htmlの中の

<div id="schedule"></div>

を

<div id="schedule"></div>
<div id="schedule2"></div>

として、
スクリプト部分も

var $sc = jQuery("#schedule").timeSchedule(.....);

を

var $sc = jQuery("#schedule").timeSchedule(.....);
var $sc = jQuery("#schedule2").timeSchedule(.....);

として、#scheduleと#schedule2の両方にstyleを適用したものが、下記です。

http://mintcode.jp/test/demo/

この画面で、上の段の#schedule内の青い部分はドラッグ＆ドロップでふつうに動かせるのですが、
下の段の#schedule2内の青い部分は動かすと#scheduleの方に行ってしまいます。

これを、#schedule2内のままで移動させたいのですが、そのようなことは可能でしょうか？

Answer 1

オリジナルの開発はかなり昔に終了しているようですが, いまだ開発継続中のブランチがあるようですのでそちらを試してみたら如何でしょうか?
右上のフォークボタンの横の数字をクリックすると, 派生したコードの流れが判ります

複数のスケジュールを単一のページに表示するユースケース自体は自然なものと感じられるので, 一つくらい修正しているものがあるかもしれません

---

もしくは個々のスケジュールをiframe要素で分離してしまえば互いに干渉し合うことはなくなるでしょう.(その代償としてコーディングが複雑になりますが)

Comments

[mintcode]

ご回答ありがとうございます。

ブランチのソースをいくつか試してみて、この点が解決されているものは見つからなかったので、iframeでやってみました。

http://mintcode.jp/test2/demo/

iframeで分離することはまったく思いつきませんでした。質問してみて良かったです。