的JavaScript/jQuery的“后退按钮”

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() 
     } 
    } 
)}; 

我试图实现以下。 if .myelement HTML class exists then insert back button 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 
    } 
}); 

Answer 2

试试这个：

jQuery(document).ready(function($) { 
// if element exists 
var container = $('.myelement'); 
if (container.length > 0) { 
    // insert html back button 
    var backButton = $('<button></button>').text('Go Back').appendTo(container); 
    backButton.on('click', function(){ 
     window.history.back() 
    }); 
} 
)}; 

Answer 3

试试这个...

jQuery(document).ready(function($) { 
      if ($('.myelement').length > 0) { 
       $('.myelement').append('<button onclick="goBack()">Go Back</button>'); 
       } 
}); 

var goBack=function() { window.history.back() }