Question

我在PHP中创建了一些按钮，当我尝试根据按钮类名调用jQuery函数时。点击功能似乎不起作用。

PHP

$style = " margin: 0px; background-color: transparent; border: none;";
    $functionname= "selectedpic(this.id)";
    $styleimage = "HEIGHT= 120  WIDTH= 120  BORDER= 0";
    $eventimage1= "zoomin(this)";
    $eventimage2= "zoomout(this)";
    $btnclass="btnclass";

echo "<button name='" . $btn. "'
            margin ='".$style."'
            onClick='".$functionname."'
            class='".$btnclass."'
            >";

jquery的

$(".btnclass").click(function () {
var clickedButtonName = this.name;
   alert ("hi");
 });

Answer 1

您的代码看起来不错，请确保javascript位于<script></script>标记内

并尝试将jQuery代码包装在$(document).ready();即

中

 $(function(){
    $(".btnclass").click(function () {
      var clickedButtonName = this.name;
      alert ("hi");
      });
 });

Answer 2

echo "<button name='" . $btn. "'
            margin ='".$style."'
            onClick='".$functionname."'
            class='staticClass ".$btnclass."'
            >";


    $('.staticClass').on('click', function(){
        var clickedButtonName = this.name;
        alert('hi');
    })

为绑定事件创建一个类，这不会根据PHP参数而改变。另一个类是动态的，基于PHP参数进行更改，可用于计算。

Answer 3

用于获取姓名

$(this).attr("name");

而不是this.name;。

主要使用＆＃34; on＆＃34;委托/事件，因为它也支持动态元素的事件（如点击）。

如何根据按钮类名称调用jquery函数

3 个答案: