0

Zend Framework アプリケーションで JQuery Sortable を動作させようとしましたが、成功は限られていました。私は、datepicker などの必要な Jquery 機能のほとんどに ZendX ライブラリを使用しており、それらは完全に正常に動作します。ZendX ライブラリでサポートされていないものをソート可能にすることができないようです。

コードは。私のブートストラップでは、Jquery などのヘルパー パスを useual ごとに定義しました。

protected function _initViewHelpers()
    {
        $view = new Zend_View();        
        $view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
        $view->jQuery()->setLocalPath('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js')
                       ->setUiLocalPath('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js')
                       ->addStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css');
        $viewRenderer = Zend_Controller_Action_HelperBroker::getStaticHelper('ViewRenderer');
        $viewRenderer->setView($view);
        Zend_Controller_Action_HelperBroker::addHelper($viewRenderer);
    }

次に、レイアウトで JQuery を有効にします。echo $this->jQuery()->enable();

これですべて正常に機能し、日付ピッカーが機能し、意図したとおりの滑らかさのデザインが表示されます。

ここで、index.phtml で次のように、単純な並べ替え可能なスクリプトを使用して小さなリストを実装します。

<!DOCTYPE html>
<html>
<head>

  <script>
  $(document).ready(function() {
    $("#sortable").sortable();
  });
  </script>
</head>
<body style="font-size:62.5%;">

<ul id="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>

</body>
</html>

これを機能させる唯一の方法は、次の行を追加することです

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>

index.phtml に。これは私にはばかげているように見えます。ブートストラップでは、私はすでにこのスクリプトを追加しています。

誰でも私の問題の解決策を持っていますか?

アドバイスをいただければ幸いです:)

4

1 に答える 1