为什么新页面内的javascript函数不起作用？

Question

我有打开的选项页面：

<li class="small-icon options-panel"><a class='options-page' href="{TRESNJAPANEL_LINK}" 
title="Tresnja Options Panel" role="menuitem" onclick="window.open('{TRESNJAPANEL_LINK}', 
'newwindow', 'width=300, height=250, resizable=yes , 
scrollbars=yes'); return false;"><i class="fa fa-diamond" 
aria-hidden="true"></i>Tresnja Options Panel</a></li>

所以当我打开选项页面时，我有一些带有复选框，输入等的选项和功能...

我有功能：

function stickyheaddsadaer(obj) {
  if($(obj).is(":checked")){
    alert("Yes checked"); //when checked
    $("#page-header-inner").addClass("sticky");
  }else{
    alert("Not checked"); //when not checked
  }

}

<input type="checkbox" name="TT_sticky_header" id="TT_sticky_header_function" 
value="{TT_sticky_header}" onclick="stickyheaddsadaer()"/>

此功能仅在选项页面内有效，因为当我单击“保存并退出选项”页面时，在正常页面上不起作用...

或者，如果我将此功能（包括输入类型=“复选框”）放在选项页面之外，则可以再次使用...。

请帮助我，我需要做的事情才能在选项页面中使用javascrip吗？

谢谢

Answer 1

你错过了this里面stickyheaddsadaer()和更好地使用onchange不会onclick 。

用这个：

<input type="checkbox" name="TT_sticky_header" id="TT_sticky_header_function" 
value="{TT_sticky_header}" onchange="stickyheaddsadaer(this)"/>

代替：

<input type="checkbox" name="TT_sticky_header" id="TT_sticky_header_function" 
    value="{TT_sticky_header}" onclick="stickyheaddsadaer()"/>