如果放在PHP之前,jQuery按钮将无法正常工作

丰富

出于某种原因,我的jQuery代码忽略了PHP生成的按钮(如果php是内联完成的)。

这是不起作用的代码(jQuery单击不触发):

$('button').click(function(){
alert("CLICKED");

var btnNum = $(this).attr('value');
$(this).attr('disabled', 'disabled');

$.post("../update_rsvp.php", {id : btnNum}).done(function( data ) {
    var spanId = "#rsvpd-"+btnNum;
    $(spanId).html("YES");

  });

});

好吧,从技术上讲,该代码有效。但是,仅当我在html标头之前生成我的按钮时。如果我在标题之后生成它,则它不起作用。这是他的PHP代码:

        <?php 
        if( $cnt > 0 )
        {   
            $where = array(
                "code" => $code
            );

            $what = array('inv_id','first_name', 'last_name', 'rsvpd');

            $count = $db->count($where, 'invited');
            $result = $db->select_where($where, 'invited' , $what);

            echo '<br />';
            echo '<br />';
            echo "You have $count invitations: <br />";
            echo "<ul>";
            echo "";
            while($row = $result->fetch_assoc())
            {
                if($row['rsvpd'] == 1)
                {
                    $rsvpd = 'YES';
                    $disabled = 'disabled';

                }else{
                    $rsvpd = 'NO';
                    $disabled = '';
                }
                echo "<li>
                <div class='tbl-row'>
                <div class='tbl-col'><p>".$row['first_name']."&nbsp;</p></div>
                <div class='tbl-col'><p>".$row['last_name']."&nbsp; </p></div>
                <div class= 'tbl-col'><span id='rsvpd-".$row['inv_id']."'><p>".$rsvpd."&nbsp;</p></span></div>
                <div class='tbl-col'>
                    <button value='".$row['inv_id']."' $disabled >RSVP</button>
                </div>
                </div>
                </li>";
            }
            echo "</ul>";

        }
        else
        {

            echo "You have NO invitations!";

        }

        ?>

任何帮助/建议,我们都感激不尽!

拉贾普布(Rajabrabhu Aravindasamy)

尝试event delegation在这种情况下使用

$(document).on('click','button',function(){
  //your code here.
});

请阅读此处以了解更多信息event delegation.

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当我将jQuery库放在正文之前时,$ {document).ready无法正常工作

来自分类Dev

如果我将代码放在按钮的Click属性ASP.NET中,则RequiredFieldValidator无法正常工作

来自分类Dev

如果我仅将jQuery放在</ body>之前,则无法使用jQuery,但如果将其放在<head>中,则无法使用

来自分类Dev

如果外部加载元素,jQuery将无法正常工作

来自分类Dev

如果hasClass条件jQuery无法正常工作

来自分类Dev

按钮单击jQuery无法正常工作

来自分类Dev

jQuery:无法使“提交”按钮正常工作

来自分类Dev

PHP的,如果iPad无法正常工作

来自分类Dev

PHP WordPress(如果无法正常工作)

来自分类Dev

如果声明PHP无法正常工作

来自分类Dev

如果我都有两个选项的代码,则单选按钮的结果将无法正常工作

来自分类Dev

jQuery无法正常工作-'在定义之前就使用过jQuery'

来自分类Dev

按钮无法正常工作

来自分类Dev

按钮无法正常工作

来自分类Dev

如果存在验证错误,则保持单选按钮无法正常工作

来自分类Dev

jquery onclick如果...否则,如果... else无法正常工作

来自分类Dev

将代码放入Joomla文章中时,jQuery拖放在Chrome浏览器中无法正常工作

来自分类Dev

jQuery的文字替换将无法正常工作

来自分类Dev

jQuery的覆盖将无法正常工作

来自分类Dev

jQuery事件委托将无法正常工作

来自分类Dev

在codeigniter中,如果没有index.php,重定向将无法正常工作?

来自分类Dev

PHP的登录页面将无法正常工作

来自分类Dev

Junit @之前无法正常工作

来自分类Dev

动画:之前无法正常工作

来自分类Dev

如果插入HDD,BIOS将无法正常工作

来自分类Dev

jQuery setTimeout如果不使用警报就无法正常工作

来自分类Dev

按钮onclick功能在jQuery中无法正常工作

来自分类Dev

当按钮从ajax调用时,jQuery无法正常工作

来自分类Dev

jQuery:动态生成的“删除”按钮无法正常工作

Related 相关文章

  1. 1

    当我将jQuery库放在正文之前时,$ {document).ready无法正常工作

  2. 2

    如果我将代码放在按钮的Click属性ASP.NET中,则RequiredFieldValidator无法正常工作

  3. 3

    如果我仅将jQuery放在</ body>之前,则无法使用jQuery,但如果将其放在<head>中,则无法使用

  4. 4

    如果外部加载元素,jQuery将无法正常工作

  5. 5

    如果hasClass条件jQuery无法正常工作

  6. 6

    按钮单击jQuery无法正常工作

  7. 7

    jQuery:无法使“提交”按钮正常工作

  8. 8

    PHP的,如果iPad无法正常工作

  9. 9

    PHP WordPress(如果无法正常工作)

  10. 10

    如果声明PHP无法正常工作

  11. 11

    如果我都有两个选项的代码,则单选按钮的结果将无法正常工作

  12. 12

    jQuery无法正常工作-'在定义之前就使用过jQuery'

  13. 13

    按钮无法正常工作

  14. 14

    按钮无法正常工作

  15. 15

    如果存在验证错误,则保持单选按钮无法正常工作

  16. 16

    jquery onclick如果...否则,如果... else无法正常工作

  17. 17

    将代码放入Joomla文章中时,jQuery拖放在Chrome浏览器中无法正常工作

  18. 18

    jQuery的文字替换将无法正常工作

  19. 19

    jQuery的覆盖将无法正常工作

  20. 20

    jQuery事件委托将无法正常工作

  21. 21

    在codeigniter中,如果没有index.php,重定向将无法正常工作?

  22. 22

    PHP的登录页面将无法正常工作

  23. 23

    Junit @之前无法正常工作

  24. 24

    动画:之前无法正常工作

  25. 25

    如果插入HDD,BIOS将无法正常工作

  26. 26

    jQuery setTimeout如果不使用警报就无法正常工作

  27. 27

    按钮onclick功能在jQuery中无法正常工作

  28. 28

    当按钮从ajax调用时,jQuery无法正常工作

  29. 29

    jQuery:动态生成的“删除”按钮无法正常工作

热门标签

归档