JavaScript/jQuery 'back button'

Question

我的 JS/jQuery 技能不太好 - 并且我在以下方面遇到了麻烦:

jQuery(document).ready(function($) {
    // if element exists
    if ($('.myelement').length > 0) {
        // insert html back button
        $( '.myelement' ).append( "<button onclick="goBack()">Go Back</button>" );
        // back function
        function goBack() {
        window.history.back()
        }
    }
)};

我正在努力实现以下目标。 如果 .myelement HTML 类存在 然后插入后退按钮 html

感谢您的帮助。

Answer 1

您的脚本中存在多个语法问题...

除此之外，方法 GoBack() 是在闭包作用域中声明的，因此在 onclick="" 属性处理程序中它将不可用

jQuery(function ($) {
    var $el = $('.element');
    if ($el.length) {
        //create button
        $('<button />', {
            text: 'Go Back',
            click: function () {
                window.history.back();
            }
        }).appendTo($el); //append to .element
    }
});