$(document).ready(function()
{
var oldText, newText;
$(".editable").hover(
function()
{
$(this).addClass("editHover");
},
function()
{
$(this).removeClass("editHover");
}
);
$(".editable").bind("dblclick", replaceHTML);
$(".btnSave").live("click",
function()
{
newText = $(this).siblings("form")
.children(".editBox")
.val().replace(/"/g, """);
currentId = $(this).parent().attr("id");
$.ajax({
type: "POST",
url: "./musa_date_edit_ajax.php",
data: "vidpubdate="+newText+"&id=" + currentId,
success: function(msg){
//alert("test ok");
}
});
$(this).parent()
.html(newText)
.removeClass("noPad")
.bind("dblclick", replaceHTML);
}
);
$(".btnDiscard").live("click",
function()
{
$(this).parent()
.html(oldText)
.removeClass("noPad")
.bind("dblclick", replaceHTML);
}
);
function replaceHTML()
{
oldText = $(this).html()
.replace(/"/g, """);
$(this).addClass("noPad")
.html("")
.html("<form><input type=\"text\" class=\"editBox\" value=\"" + oldText + "\" /> </form><button type=\"button\" class=\"btnSave\" >planifier</button> <!-- <button type=\"button\" class=\"btnDiscard\" >Annuler</button> -->")
.unbind('dblclick', replaceHTML);
}
}
);
IE / Chrome说:
无法调用未定义的方法“替换”
参考下面的代码:
newText = $(this).siblings("form")
.children(".editBox")
.val().replace(/"/g, """);
奇怪的是,它在Firefox上可以正常工作。
我想这似乎与未定义的$ this有关。但是由于我不是JS / Jquery专家,所以我不知道如何在Chrome和IE上修复它。
附录:
以下是HTML的大致样子:
<form>
blabla
<table>
<tr>
<td>blabla</td>
<td class="editable" id="<?php echo $data['id']; ?>" ><?php echo $data['date'];?></td>
</tr>
</table>
</form>
更新:
<form>
<table>
<td>some useless stuff</td>
<td class="editable noPad" id="1732">
<form>
<input class="editBox" value="22/05/13" type="text">
</form>
<button type="button" class="btnSave">planifier</button>
<!-- <button type="button" class="btnDiscard">Annuler</button> -->
</td>
</table>
</form>
最佳答案
尝试这个:
$(this).closest("td").find(".editBox").val().replace(/"/g, """);
另外,一个建议。您可以将当前代码最小化:
$(".editable").hover(
function () {
$(this).addClass("editHover");
},
function () {
$(this).removeClass("editHover");
});
通过做这个:
$(".editable").hover(
function () {
$(this).toggleClass("editHover");
});
关于javascript - javascript无法调用未定义的方法“替换”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16615589/