1

我有一个 div,在那个 div 里面我有一个链接

<a href="#" onclick="Edit_popup();" >edit</a> 

当我单击此链接时,整个页面正在刷新。但我只需要刷新这个 div 而不是整个页面。我称之为:

function Edit_popup(){
var criteria=prompt("Please enter id");
if (id=="Login" || id=="login")
   {
   $("#criteria").load("page2.html");
}
4

3 回答 3

3

尝试

    <a href="#" onclick="Edit_popup(); return false;" >edit</a> 
于 2013-05-13T10:19:16.777 回答
2

整个页面被刷新的原因是因为您点击了一个链接,而该链接的默认行为是将您发送到它的href. (如果您查看浏览器的地址行,您会注意到 URL 以 . 结尾/#。)

防止这种情况的正确方法是将事件传递给函数

onclick="Edit_popup(e);"

然后停止事件(在本例中为点击)的默认行为:

function Edit_popup (e) {
    var criteria=prompt("Please enter id");

    e.preventDefault(); // this line cancels the link

    if (id=="Login" || id=="login") {
        $("#criteria").load("page2.html");
    }
}
于 2013-05-13T10:28:30.727 回答
0

您可以尝试e.preventDefault();在函数内部使用,以便您可以做任何您想做的事情,然后使用e.preventDefault();它会阻止浏览器对该链接执行默认操作。

return false;请检查此链接以了解与return-false-and-prevent-default之间的区别e.preventDefault();

于 2013-05-13T10:31:06.643 回答