使用Jquery向图像添加onClick失败

Adding an onClick to image with Jquery fails

本文关键字：onClick 失败 添加 图像 Jquery 使用      更新时间：2023-09-26

我在一个图像上有一个链接，我用这个jQuery动态包含:

//Add back button code onclick
$("#backLocation").replaceWith("<a href='"#'"  ><img id='"backClick'" style='"vertical-align: middle;'" src='"img/back.png'" height='"30'" width='"30'"> </a>");

然后为链接设置onCLikc事件:

$("#backClick").on('click', function (e) {
                //go back a page
                parent.history.back();
            });

但是它不转到上一页。

我不确定是否因为它是一个本地托管的web应用程序或什么，或者如果我刚刚结构化的东西错了。在地址栏中，页面只是从:

page.html到page.html#当我点击我创建的后面的图片链接。

正确的结构是$(document).on(action, selector, function() {});

同样，您单击一个href，它将告诉浏览器导航到一个页面，然后移回一个页面，导致不采取任何操作。尝试添加preventDefault

我还建议访问窗口来回溯历史。

$(document).on('click', "#backClick", function (e) {
     e = e || window.event;
     e.preventDefault(); 
     window.history.back();
});

添加窗口。事件将允许支持ie8和更早的浏览器。

您需要更新您的点击绑定到以下

$(document).on('click', "#backClick", function (e) {
     //go back a page
     parent.history.back();
});
相关文章：