javascript - jquery Dialog 中的标准按钮的作用类似于 Dialog 的提交按钮

Question

我遇到了按钮行为问题：

它在 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();
}
}});

有没有人遇到过这个？

Answer 1

尝试更换

   <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”替换为“click ”

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

或者您可以重写为：

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