jQuery函数不起作用

t4thilina

嗨，我单击了保存列中给出的链接之一。单击后，应运行脚本标签之间的代码并发出警报（'BBBBBBBBBBBBBBBBBBBBBB'）。但是我无法弄清楚为什么它没有给出预期的结果。请有人帮我改正

<html>
<title></title>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script></head>
    <script>

$(".QuestionEdit").click(function(){
alert('BBBBBBBBBBBBBBBBBBBB');
var B=$(this).attr('id');

var Data=B.replace("QuestionEdit","");  
alert(Data);

return false;

});

</script>
</head>
<body>


<?php

echo "<form>";


echo "<div id='QuestionDetails' style=' position:relative; top=50px;'>";
$Query="SELECT * FROM Questions WHERE Form_ID='0'";
echo "<table border='1' id='DisplayFormDetailss'>
    <tr style='background-color:#D0A9F5;' height='40px;'>

    <th width='100px;'>Question_ID</th>
    <th width='420px;'>Question Name</th>
    <th width='100px;'>Inactivate</th>
    <th width='70px;'>Edit</th>


    </tr>";
$i=0;

while($i<5){


        echo "<tr height='25px;'>";
        echo "<td><input name='QuestionID[]' id='QuestionID ".$i."' align=center value='8'></input></td>";
        echo "<td><input name='QuestionName[]' style='width:420px;' id='QuestionName".$i."' align=left value='7'></input></td>";
        echo "<td name='QuestionInactive[]' id='QuestionInactive".$i."' align=center><input type='checkbox'></input></td>";
        echo "<td class='QuestionEdit' id='QuestionEdit".$i."' align=center><a href='' align=left>Edit</a></td>";

        echo "</tr>";
        $i++;
}


echo "</table>";
echo "</div>";
echo "<div id='Sub' style='position:relative; top:50px;'>";
 echo "<input  type='submit' value='Save The Table'></input>";
 echo "</div>";
echo "</form>";

?>
</body> 
</html>

凯文·鲍索克斯（Kevin Bowersox）

该div.QuestionEdit脚本执行时，不加载。将脚本包装起来$(document).ready()以在DOM可用时执行。

$(document).ready(function(){
    $(".QuestionEdit").click(function(){
        alert('BBBBBBBBBBBBBBBBBBBB');
        var B=$(this).attr('id');

        var Data=B.replace("QuestionEdit","");  
        alert(Data);

        return false;
    });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。