Zend Studio/Framework의 JQuery 통합 문제

Question

jQuery라고 부를 수있는 간단한 Zend 프레임 워크 응용 프로그램을 구축하기 위해 고군분투하고 있습니다. 그래서, Zend Studio 7.1.1에서 작업하는 것은 라이브러리 폴더에서 "Zendx"폴더를 추가했습니다. 또한 "JS"공개 폴더에 추가 된 jQuery Lightness 테마도 다운로드했습니다.

전체 구조는 다음과 같습니다.http://www.freeimagehosting.net/image.php?b95bca6dab.png그래서 내가 한 일은 다음과 같습니다. 1- 다음 줄을 bootstrap.php 파일에 추가하여 다음 내용을 얻었습니다.

<?php

class Bootstrap extends Zend_Application_Bootstrap_Bootstrap
{


}
Zend_Loader::registerAutoload();
$view= new Zend_View();
$viewRenderer = new Zend_Controller_Action_Helper_ViewRenderer();
$view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
$viewRenderer->setView($view);
Zend_Controller_Action_HelperBroker::addHelper($viewRenderer);
$view->jQuery()->addStylesheet('/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css')
        ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
        ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.2.custom.min.js');

그런 다음 레이아웃을 사용하지 않으므로 DatePicker를 직접 추가했습니다. index.phtml 파일 $view->jQuery() 그리고 $view->jQuery() 내가 입력 할 때도 $view-> Zend Studio Intellisense 시스템은 제안하지 않습니다 jQuery() 기능. 어쨌든, index.phtml 파일은 다음과 같습니다.

<style>
    a:link,
    a:visited
    {
        color: #0398CA;
    }

    span#zf-name
    {
        color: #91BE3F;
    }

    div#welcome
    {
        color: #FFFFFF;
        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
        width:  600px;
        height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
    }

    div#more-information
    {
        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
        height: 100%;
    }
</style>
<div id="welcome">
    <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1>

    <h3>This is your project's main page</h3>

<?php echo $this->headScript(); ?>
<?php echo $this->jQuery()->uiEnable();?>
<?php echo $this->jQuery(); ?>
<form id='ok'>
Pick your Date: <?php echo $this->datePicker('dp1', '', array('defaultDate' => date('Y/m/d', time()))); ?>
</form>
    <div id="more-information">
        <p><img src="http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png" /></p>
        <p>
            Helpful Links: <br />
            <a href="http://framework.zend.com/">Zend Framework Website</a> |
            <a href="http://framework.zend.com/manual/en/">Zend Framework Manual</a>
        </p>
    </div>
</div>

하지만 아무것도 작동하지 않습니다!

다음 출력을 얻습니다.

ttp : //www.freeimagehosting.net/uploads/7ed0166140.png

보시다시피, DatePicker 입력 텍스트는 여기에 있지만 클릭하면 아무것도 표시되지 않습니다.

소스 페이지 (index.phtml)의 경우 :

<style> 
    a:link,
    a:visited
    {
        color: #0398CA;
    }

    span#zf-name
    {
        color: #91BE3F;
    }

    div#welcome
    {
        color: #FFFFFF;
        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
        width:  600px;
        height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
    }

    div#more-information
    {
        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
        height: 100%;
    }
</style> 
<div id="welcome"> 
    <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1> 

    <h3>This is your project's main page</h3> 


<link rel="stylesheet" href="../public/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css" type="text/css" media="screen"> 

<script type="text/javascript" src="../public/js/jquery/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="../public/js/jquery/js/jquery-ui-1.7.2.custom.min.js"></script> 

<form id='ok'> 
Pick your Date: <input type="text" name="dp1" id="dp1" value=""></form> 
    <div id="more-information"> 
        <p><img src="http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png" /></p> 
        <p> 
            Helpful Links: <br /> 
            <a href="http://framework.zend.com/">Zend Framework Website</a> |
            <a href="http://framework.zend.com/manual/en/">Zend Framework Manual</a> 
        </p> 
    </div> 
</div>

나는 정말 많은 콤바인슨을 시도했지만 그것을 알아낼 방법은 없습니다! 또한 ZQuery를 ZQuery를 통합하는 방법을 정확하게 보여주는 비디오를 찾으려고 시도한 경우 Zend는

코드에서 무엇이 잘못 되었습니까?

당신이 나를 도울 수 있다면, 나는 정말 감사하겠습니다!

매우 감사합니다,

문안 인사.

Answer 1

<?php $this->jQuery->enable;?> 해야한다 enable() 컨트롤러/부트 스트랩에 있습니다.

---

모든 페이지에 jQuery를 추가하려면 변경합니다.

$view->jQuery()->addStylesheet('/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css')
    ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
    ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.2.custom.min.js');

에게

$view->jQuery()->addStylesheet('/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css')
    ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
    ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.2.custom.min.js')
    ->enable()
    ->enableUi();

, 그렇지 않으면 도우미를 호출하기 때문에 전혀 활성화 할 필요가 없습니다. datePicker() 페이지에 jQuery 및 jQuery UI를 자동으로 포함합니다.