jQuery Integrationsproblem in Zend Studio / Rahmen

Question

Ich kämpfe einen einfachen Zend Framework-Anwendung zu erstellen, die jQuery aufrufen können. Also, was ich arbeite unter Zend Studio 7.1.1, wo ich hinzugefügt, in der Bibliothek Ordner, die „ZendX“ -Ordner. Und ich heruntergeladen auch das jQuery Leichtigkeit Thema, das auf die „js“ öffentlichen Ordner hinzugefügt wurde.

Sie werden die ganze Struktur finden, wie das ist: http://www.freeimagehosting.net/image.php?b95bca6dab.png Also, was ich tat, ist: 1- Sie die folgenden Zeilen in die Bootstrap.php Datei, so dass ich den folgenden Inhalt erhalten:

<?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');

Dann, als ich die Layouts nicht verwenden, habe ich direkt die Datepicker in der index.phtml Datei mit dem $view->jQuery() und $view->jQuery() selbst wenn, wenn ich das Zend Studio Intellisense-System geben $view-> nicht die jQuery() Funktion vorschlagen. Wie auch immer, die index.phtml Datei ist:

<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>

Aber nichts funktioniert!

Ich erhalte die folgende Ausgabe:

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

Wie Sie sehen können, der picker Eingabetext ist hier, aber auf klicken, zeigt es nichts.

Und für die Quellseite (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>

Ich habe versucht, wirklich viele combinaisons, aber keine Möglichkeit, es herauszufinden! Wenn auch genau ein Video zeigt, zu finden versucht, Schritt für Schritt, wie jQuery in Zend zu integrieren.

Was im Code falsch?

Wenn Sie mir helfen können, würde ich wirklich sehr lieb!

Vielen Dank,

Bezug.

Answer 1

<?php $this->jQuery->enable;?> sollte im Controller / Bootstrap enable() und wohnen werden.

---

Wenn Sie möchten, dass jQuery alle Seiten hinzufügen, würde ich ändern

$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();

, sonst brauchen Sie nicht es überhaupt zu ermöglichen, da ruft einen Helfer wie datePicker() inclues automatisch jQuery und jQuery UI auf Ihrer Seite.