jquery对话框中的标准按钮的作用类似于Dialog的提交按钮

时间:2012-09-21 11:38:33

标签: javascript jquery-ui

我遇到按钮行为问题:

它位于jQuery标签内,位于jQuery对话框内,位于。

单击该按钮时,不会执行某个功能,而是验证表格,刷新页面并在我的数据库中插入一个新的空白条目。

我只是想让它在我说的那个中添加一个新的。

html:

<td colspan="2" align="center">
<button id="newgroup-anacuad">Añadir una fecha de fotos</button><br />
<div id="newgroup-divfotos"></div>
</td>

javascript:

$('#diagnewgroup').dialog({
...
open:function(){
    $("#newgroup-anacuad").button();
    $("#newgroup-anacuad").bind("onclick",function(){
        var txt='blabla';
        $("#newgroup-divfotos").append(txt);
    });
...
}
buttons:
{
'Validar':function()
{
    var valid=true;
    var errores='';
        if(valid==true)
        {
        $('#formnewgroup').submit();
    }
    else
    {
        alert(errores);
        }
},
'Cancelar':function()
{
    $(this).dialog('close');
    $('#diagnewgroup').remove();
}
}});

以前有人遇到过这个吗?

1 个答案:

答案 0 :(得分:2)

尝试更换

   <button id="newgroup-anacuad">Añadir una fecha de fotos</button>

   <input type="button" id="newgroup-anacuad" value="Añadir una fecha de fotos"/>

在某些浏览器中

   <button> 

通常充当

   <input type="submit"> 

此外,您应该将“onclick”替换为“点击”

   $("#newgroup-anacuad").bind("onclick",function(){
       var txt='blabla';
       $("#newgroup-divfotos").append(txt);
   });

或者您可以改写为:

   $("#newgroup-anacuad").click(function(){
       var txt='blabla';
       $("#newgroup-divfotos").append(txt);
   });