我正在使用x-editable
http://vitalets.github.io/x-editable/index.html一个jquery inplace编辑器。目前我有一个如下工作代码:
<?php
$num_rows = 1;
// store the record of the "tblstudent" table into $row
while ($row = mysqli_fetch_array($result)) {
echo "<script type=\"text/javascript\">
$.fn.editable.defaults.mode = \"popup\";
$('#username$num_rows').editable();
</script> "; //assign num to element
// Print out the contents of the entry
echo '<tr>';
echo '<td><a href="#" id="username' . $num_rows . '" data-type="text" data-pk="' . $row['id'] . '" data-url="post.php" data-title="Edit website">';
echo htmlspecialchars($row['website'], ENT_QUOTES, 'UTF-8');
echo '</a></td>';
echo '</tr>';
$num_rows++;
}
?>
以下结果如下:
但正如您所见,我使用$num_rows
分配元素ID并使用javascript获取ID。我不想使用循环将uniq ID分配给元素或在php标记中包含javascript。有没有比这更优雅的解决方案?
提前致谢。
答案 0 :(得分:1)
将id保存为用户名或实际添加class='username'
而不是id。
<script type="text/javascript">
$.fn.editable.defaults.mode = "popup";
$('.username').click(function(){
$(this).editable();
})
</script>