jQuery UIのresizableが編集画面で競合する?
お世話になります。
utunと申します。
つい数日前よりconcrete5の利用を始めさせて頂いておるのですが、カスタムテンプレートの作成で少し躓いております。
現在作成中のテンプレートでは、サイドバーにresizableを利用することで、エンドユーザが自由にサイドバーのサイズを変更することができるようにしているのですが、ここに「GlobalArea」を設定すると、置いたブロックが操作不能になってしまいます。
具体的な状況としては、以下の操作が出来ません。
・ブロックをクリックした際に出るはずのポップアップ(ブロック編集等のボタン)が出ない。
・エリア自体のタグをクリックした際のポップアップ(ブロックを追加等のボタン)が出ない。
また、以下の操作だけは可能です。
・ブロック右上に出る十字矢印にて、別areaへ移動。
構成としては以下の様になっております。
●HTML
<div id="side_nav_main" class="side-nav">
<div id="side_area_wrapper">
<?php
$a = new GlobalArea('SideNav');
$a->display();
?>
</div>
</div>
●Javascript
$("#side_nav_main").resizable({
handles: "e",
minWidth: sideNavMain_defaultWidth
});
●サーバ
・OS : CentOS release 6.6 (Final)
・構築場所 : 自分の仮想マシン内(kvm)
・concrete5バージョン : 5.7.4.2
・PHP : 5.3.3
・MySQL : 5.1
●実行環境
・クライアント : google chrome
何となく動きを確認してみた所、編集時のポップアップはbootstrapのpopoverを利用している様に見えるので、
単純にそこが競合しているのかと考えて現在調査中です。
何かご存知の方がいらっしゃいましたら、お教え願えませんでしょうか。
よろしくお願いいたします。
Posted on 6月 25, 2015 at 3:11 午後
|