Jeditable 在鼠标悬停时不起作用
我正在一个社区戏剧网站上工作，希望人们能够提出编辑剧本的建议。
目前这只是一个示例，但流程如下：
- 从（《回到未来》的电影剧本）中获取一部分文本，
- 行之间由 分隔
- 然后在 PHP 中展开，
- 每一行都应该是可编辑的，可编辑。
- 并且输出应该从另一个页面发送到数据库
所以我的第 1-3 行可以正常工作，但我在编辑功能方面遇到了困难。 代码如下（摘录）：
<?php
//retrieve data
require_once('mysql_login.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Edit the Script</title>
<script src="Scripts/jeditable.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$(".mouseover").editable("http://localhost/milton/save.php", {
tooltip : "Move mouseover to edit...",
event : "mouseover",
style : "inherit"
});
});
</script>
</head>
<body>
<div id="chapter02">
<h2>Chapter Two</h2>
<?php
$scriptText = "Chapter02.txt";
$fh = fopen($scriptText, 'r') or die("Can't open file");
$text=fread($fh, filesize($scriptText));
$lines = explode('<p>',$text);
//$lines = explode('<p>',$scriptText);
echo "Chapter 2 has ".count($lines)." lines.<p>";
// loop through and print all the words
for ($i = 0; $i < count($lines); $i++)
{
$lineNumber = $i+1;
if
echo '<div class=\"edit_area\" id=\"div_'.$i.'\">'.'Line ' . $lineNumber . ' - ' . $lines[$i] . '</div>';
}
?>
</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您需要将要编辑的 div 指定为具有类 mouseover。因此，在您回显
You need to specify the div you want to edit as having class mouseover. So where you echo
<div class=\"edit_area\", you should make it<div class=\"edit_area mouseover\".