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

我有一个选项页面，打开时显示以下内容：

<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()"/>

功能StickyHeaddAdaer（obj）{
如果（$（obj）.is（“：checked”））{
警报（“选中的是”）；//选中时
$（“#页眉内部”）.addClass（“粘性”）；
}否则{
警报（“未选中”）；//未选中时
}
}

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

或者，如果我将此函数包括input type=“checkbox”放在选项页之外，则再次有效

请帮我做什么我需要做得到工作javascrip内选项页

---

谢谢你你错过了

StickyHeadAdaer（）中的
这个
，最好使用
onchange
而不是
onclick


使用以下命令：



而不是：


您将对象“obj”传递到哪里？您好时，感谢您的帮助，但它仍然只在选项页面内部有效，而不是在外部有效。。。javascript函数未应用于外部
<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()"/>