我必须单击 Jquery 提交按钮两次

duncan 发表于 Dev

邓肯

我有一个简单的 div 按钮，我必须单击两次才能使链接起作用。这怎么能阻止？

谢谢

<div class="toolbar">
  <table width="100%">
   <tr>
    <td class="toolbar-button" title="Print Data" id="btnNew1" onClick="javascript: submitformPrint();">
      <img src="'. IMAGES .'/Print.png" width="16" height="16" />
      <span>Print data</span>
    </td>
    <td width="100%" height="10" align="right">&nbsp;</td>
  </tr>
 </table>
</div>

function submitformPrint(){
    $('#btnNew1').click(function(e) {
        e.preventDefault();
        e.stopImmediatePropagation();
        $('#form2').attr({
            action: '../../../<?php echo CurrentVersion; ?>/Template/PopUpSimple.php?txtPageName=Pupils_TripsPrint',
            target: '_blank'
        });
        $('#form2').submit();
    });
}

曼迪

您提供的代码的问题在于它在按钮上有一个 onClick 处理程序。

<td class="toolbar-button" title="Print Data" id="btnNew1" onClick="javascript: submitformPrint();">

当您单击 btnNew1 时，您就绑定了

$('#btnNew1').click(function(e) {
    e.preventDefault();
    e.stopImmediatePropagation();
    $('#form2').attr({
        action: '../../../<?php echo CurrentVersion; ?>/Template/PopUpSimple.php?txtPageName=Pupils_TripsPrint',
        target: '_blank'
    });
    $('#form2').submit();
});

这就是您必须单击按钮两次的原因。相反，您的代码应如下所示。

<div class="toolbar">
      <table width="100%">
       <tr>
        <td class="toolbar-button" title="Print Data" id="btnNew1">
          <img src="'. IMAGES .'/Print.png" width="16" height="16" />
          <span>Print data</span>
        </td>
        <td width="100%" height="10" align="right">&nbsp;</td>
      </tr>
     </table>
    </div>

    $(document).ready(function(){
        $('#btnNew1').click(function(e) {
            e.preventDefault();
            e.stopImmediatePropagation();
            $('#form2').attr({
                action: '../../../<?php echo CurrentVersion; ?>/Template/PopUpSimple.php?txtPageName=Pupils_TripsPrint',
                target: '_blank'
            });
            $('#form2').submit();
        });
    }});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。