php - 单击图像按钮时如何使用onclick功能？

Question

单击下面的图像按钮时，我试图调用一个函数，但该函数永远不会触发。谁能告诉我我做错了什么？有没有我展示演示的好的 jsfiddle 类型网站？

    <script>
    function deleteLike(a,b)
    {
    alert("PageLink:"+a+"\nId:"+b);

    }
    </script>




    <?php

$i="23";
$pageLink="http://www.nba.com";

        echo '<div id="'.$i.'" style="float: right; padding: 5px 2px 2px;"> <img class="liker" onclick="deleteLike("'.$PageLink.'","'.$i.'")" src="http://cultureslurp.com/wp-content/uploads/2011/09/Facebook-Like-Button.jpg" border="0"></div>';

      ?>

Answer 1

尝试做：

echo '<div id="'.$i.'" style="float: right; padding: 5px 2px 2px;"> <img class="liker" onclick="deleteLike(\''.$PageLink.'\',\''.$i.'\')" src="./liked.png" border="0"></div>';

Answer 2

你不能有

onclick="deleteLike("");"

而是使用：

onclick="deleteLike('');"

像这样：

echo "<div id='$i' style='float: right; padding: 5px 2px 2px;'> <img class='liker' onclick=\"deleteLike('$PageLink','$i');\" src='http://cultureslurp.com/wp-content/uploads/2011/09/Facebook-Like-Button.jpg' border='0'></div>";

Answer 3

让您的生活更轻松，使用 jQuery 并实施最佳实践。看看这段代码。也适用于没有启用 javascript 的人！

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(function(){
        $('.a-liker').click(function(e){
            e.preventDefault();
            alert("PageLink: " + $(this).attr('href'));
            alert("Id: " + $(this).parent().attr('id'));
        });
    });
</script>

<div id="23" style="float: right; padding: 5px 2px 2px;">
    <a href="http://www.nba.com" class="a-liker">
        <img class="liker" src="./liked.png" border="0">
    </a>
</div>