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>

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

3 个答案: