2012-02-07 62 views
0

我想這個功能時,我提交表單運行..Zend_Form和jQuery的

$submit = new Zend_Form_Element_Button('submit'); 
$submit->setAttrib('onclick', '---what should go here?---'); 

客戶端腳本:

$(document).ready(function() { 
    $('a[name=modal]').click(function(e) { 
     e.preventDefault(); 
     var id = $(this).attr('href'); 
     var maskHeight = $(document).height(); 
     var maskWidth = $(window).width(); 
     $('#mask').css({ 
      'width':maskWidth, 
      'height':maskHeight 
     }); 
     $('#mask').fadeIn(1000);  
     $('#mask').fadeTo("slow",0.8); 
     var winH = $(window).height(); 
     var winW = $(window).width(); 
     $(id).css('top', winH/2-$(id).height()/2); 
     $(id).css('left', winW/2-$(id).width()/2); 
     $(id).fadeIn(2000); 
    }); 
    $('.window .close').click(function (e) { 
     e.preventDefault(); 
     $('#mask').hide(); 
     $('.window').hide(); 
    });  
    $('#mask').click(function() { 
     $(this).hide(); 
     $('.window').hide(); 
    });   
}); 
+0

現在看來函數在文檔加載完成時運行?你想保持這種行爲還是在提交按鈕被按下時運行,或者你是否希望它在兩種情況下運行? – drew010 2012-02-07 03:42:24

回答

2

你不希望使用的onclick當您使用jQuery的

例如,考慮http://api.jquery.com/submit/

<form id="target" action="destination.html"> 
    <input type="text" value="Hello there" /> 
    <input type="submit" value="Go" /> 
</form> 
<div id="other"> 
    Trigger the handler 
</div> 
採取的HTML

事件處理程序可以綁定到窗體:

$('#target').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
}); 

形式可以用Zend_Form自身產生,但是這僅僅是爲了演示。