為什么新頁面內的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()"/>