爲什麼新頁面中的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()"/>