Question

我想用php显示学生的目录视图。更准确地说，我有一个网页，我在其中使用了jQuery，Ajax来加载页面的某些部分。我想要做的是显示一个学生列表，如目录中的信息，其中列表中的每个项目都包括名字，姓氏，用户名等。此外，此项目必须包含一个按钮。单击按钮后，列表视图将被取消，另一个包含学生详细信息的视图应加载到同一区域。

<script type="text/javascript">
  $(function(){
  $("#$data").bind('click', function(){



        window.alert("It works");   
                        }

  )}
);

    </script>

以下是php中的代码：

$data=mysql_query("SELECT * FROM perdoruesi WHERE id>2 ");



    while($db_field=mysql_fetch_array($data)){

            echo "<tr><td>";

            echo $db_field['emri']. " "; 
            echo $db_field['mbiemri']. " ";
            echo $db_field['username']. " ";
            echo $db_field['passw']. " ";
            $data = $db_field['username'];
            echo "<button id = '$data'>".$data."</button>";                   
         echo "</td></tr>";
          }

当我单击按钮时我想执行脚本但它什么也没做。非常感谢你的帮助。

Answer 1

在您的javascript中，您的PHP变量$data不存在。如果您的javascript位于同一页面，并且您绝对想要绑定id，则可以使用echo添加变量：

<script type="text/javascript">
<?php echo 'var id="'.$data.'"'; ?>
$(function(){
    $("#"+id).bind('click', function(){
        window.alert("It works");   
    }
)}
);
</script>

或者您可以在按钮中添加一个类：

PHP：

 echo '<button id = "'.$data.'" class="userBtn">'.$data.'</button>';

并绑定它：

$(".userBtn").bind('click', function(){

   var btn_id = $(this).attr('id');

   if(btn_id === 'bob' ) {
        bobFunction();
   }  else if (btn_id === 'john' ) {
        johnFunction();
   }
)}

该按钮不执行我的js脚本

1 个答案: