我正在努力构建一个可以调用 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');
然后,由于我不使用布局,我直接在index.phtml
文件中添加了日期选择器$view->jQuery()
,$view->jQuery()
即使当我键入$view->
Zend Studio 智能感知系统时也没有提出该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
如您所见,日期选择器输入文本在这里,但单击时,它什么也不显示。
对于源页面(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>
我真的尝试了很多组合,但没有办法弄清楚!如果还试图找到一个视频,一步一步地准确显示如何在 Zend 中集成 jQuery。
代码有什么问题?
如果您能帮助我,我将不胜感激!
非常感谢,
问候。