问Onclick不适用于jquery
EN

Stack Overflow用户

提问于 2015-01-15 02:22:08

回答 2查看 196关注 0票数 0

我想为一个竞赛构建一个投票应用程序，我不明白为什么onclick函数不能工作，我还将jquery和文件包含在页面中。

我在控制台或网络选项卡中没有收到任何错误。

以下是代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/main.css">
    </head>
    <body>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="poll.js"></script>

    <?php if(!$poll):?>
            <p>There is not a poll or it already expired</p>
    <?php else:?>

        <div class="poll">
            <div class="poll-question">
                <?php echo htmlspecialchars($poll->question); ?>
                <div>
                    <a class="delete" href="#" onclick="return false; deletePoll(<?php echo $id; ?>);">Delete Poll</a><span class="deletion"></span> | 
                    <a href="#" onclick="return false; closePoll(<?php echo $id?>)">Close poll</a><span class="closing"></span>
                </div>
            </div>
            <div style="color: red">This poll will expire in <?php echo $poll->end;?>.</div>
            <?php if($completed): ?>
                <p>&#10003; You already voted for this poll</p>
                <ul>
                <?php foreach($answers as $answer):?>
                    <li>
                        <?php echo $answer->name; ?> (<?php echo number_format($answer->percentage, 2)?>%)
                    </li>
                <?php endforeach;?>
                </ul>
            <?php else: ?>
                <?php if(!empty($choices)):?>

                <form method="post" action="vote.php">
                    <div class="poll-options">
                        <?php foreach($choices as $index => $choice):?>
                            <div class="poll-option">
                                <input type="radio" name="choice" value="<?php echo $choice->choice_id?>" id="c<?php echo $index;?>">
                                <label for="c<?php echo $index;?>"><?php echo $choice->name;?></label>
                            </div>
                        <?php endforeach;?>

                    </div>

                    <input type="submit" value="Send answer">
                    <input type="hidden" name="poll" value="<?php echo $id;?>">
                </form>
                <?php else: ?>
                <p>No available poll</p>

                <a href="add_choices.php?topoll=<?php echo $id; ?>">Add choices &raquo;</a>
            <?php endif;?>
        <?php endif;?>
        </div>
    <?php endif;?>
    </body>
</html>

从poll.js中删除的函数是：

function deletePoll(poll) {
  var confirm = confirm('Are you sure you want to delete this poll?');
  if (confirm) {
    $.ajax({
      url: 'deletePoll.php',
      type: 'get',
      dataType: 'json',
      data: {
        poll: poll
      },
      beforeSend: function() {
        $('.deletion').html('Deleting...');
      },
      success: function(data) {
        setTimeout(function() {
          if (data.deleted) {
            $('.deletion').html('Poll deleted');
          }
        }, 2000);
      }
    });
  }
}

页面的url如下所示: poll.js?poll=1

当我点击“删除民意测验”时，什么都不会发生！为什么？

jquery

onclick

云点播特惠1元起

提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-01-15 02:28:21

您的问题是在调用return false;函数之前调用deletePoll();。soo，deletePoll();函数从未被调用。

票数 1

Stack Overflow用户

发布于 2015-01-15 02:29:14

在每个具有onclick事件的元素上，您都编写了：return false。当JavaScript读取文本和单击事件时使用它时，他将立即返回为false值。

<a class="delete" href="#" onclick="return false; deletePoll(<?php echo $id; ?>);">Ștergeți sondajul</a><span class="deletion"></span> | 
<a href="#" onclick="return false; closePoll(<?php echo $id?>)">Închideți sondajul</a><span class="closing"></span>