我一直在使用 Jquery 和 Ajax 在 Zend Framework 应用程序中构建动态表单,但遇到了问题。出于某种奇怪的原因,除非我添加标准的 Jquery 对象之一,如 datePicker,否则 Jquery 将无法在我的页面上运行。
每当我添加日期选择器时,我的代码工作得非常好,当我删除日期选择器时,它会给出$(document).ready(function()
变量未定义的错误。考虑到 jquery 没有被加载,这本身是正确的,因此该变量对浏览器没有意义。
我已经echo $this->Jquery();
正确设置了库、引导程序和所有内容,否则日期选择器将无法运行,并且当日期选择器出现时,它和其他代码完美地工作,表明它已正确设置。
有没有其他人遇到过 Jquery 加载不正确的问题?
我在引导程序中的代码:
protected function _initViewHelpers()
{
$view = new Zend_View();
$view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
$viewRenderer = Zend_Controller_Action_HelperBroker::getStaticHelper('ViewRenderer');
$viewRenderer->setView($view);
我在布局中的代码:
<?php
echo $this->jQuery();
echo $this->layout()->content;
?>
我的 application.ini 也有这autoloaderNamespaces[] = "ZendX"
条线
这是我认为的jquery代码:
<p>All fields are required.</p>
<?= $this->form; ?>
<script type="text/javascript">
$(document).ready(function() {
$("#addElement").click(
function() {
ajaxAddField();
}
);
$("#removeElement").click(
function() {
removeField();
}
);
}
);
// Get value of id - integer appended to dynamic form field names and ids
var id = $("#id").val();
// Retrieve new element's html from controller
function ajaxAddField() {
$.ajax(
{
type: "POST",
url: "<?=$this->url(array('action' => 'newfield', 'format' => 'html'));?>",
data: "id=" + id,
success: function(newElement) {
// Insert new element before the Add button
$("#addElement-label").before(newElement);
// Increment and store id
$("#id").val(++id);
}
}
);
}
function removeField() {
// Get the last used id
var lastId = $("#id").val() - 1;
// Build the attribute search string. This will match the last added dt and dd elements.
// Specifically, it matches any element where the id begins with 'newName<int>-'.
searchString = '*[id^=newName' + lastId + '-]';
// Remove the elements that match the search string.
$(searchString).remove()
// Decrement and store id
$("#id").val(--id);
}
</script>