無法使用jQuery調用javascript函數

Question

無法通過jQuery語句調用javascript函數。似乎JavaScript函數內的jQuery不起作用。有沒有語法錯誤？

的代碼工作，因爲這：

jQuery(function ($) { 
    // init the state from the input 
    $(".image-checkbox").each(function() { 
     if ($(this).find('input[type="checkbox"]').first().attr("checked")) { 
      $(this).addClass('image-checkbox-checked'); 
     } 
     else { 
      $(this).removeClass('image-checkbox-checked'); 
     } 
    }); 

    // sync the state to the input 
    $(".image-checkbox").on("click", function (e) { 
     if ($(this).hasClass('image-checkbox-checked')) { 
      $(this).removeClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().removeAttr("checked"); 
     } 
     else { 
      $(this).addClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().attr("checked", "checked"); 
     } 
     e.preventDefault(); 
    }); 
});  

結構改變，因爲我需要的filterImage函數內部功能更加完善，括號內的語句未能正常運行。

$(".image-checkbox").on("click", function(e) { 
     filterImage(); 
    }); 

function filterImage() { 
    $(document).ready(function() { 
     if ($(this).hasClass('image-checkbox-checked')) { 
      $(this).removeClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().removeAttr("checked"); 
     } 
     else { 
      $(this).addClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().attr("checked", "checked"); 
     } 
    }); 
} 

Answer 1

你可能爲了做這個：

$(document).ready(function() { 
    $(".image-checkbox").on("click", function() { 
     filterImage(this); 
    }); 
}); 

function filterImage(e) { 
    var $e = $(e); 
    if ($e.hasClass('image-checkbox-checked')) { 
     $e.removeClass('image-checkbox-checked'); 
     $e.find('input[type="checkbox"]').first().removeAttr("checked"); 
    } else { 
     $e.addClass('image-checkbox-checked'); 
     $e.find('input[type="checkbox"]').first().attr("checked", "checked"); 
    } 
} 

注意到我感動周圍的單擊事件您ready事件，而不是內部的功能。

此外，您使用$(this)不會奏效，因爲您沒有將單擊元素傳遞給該函數。我解決了這個問題，並在filterImage()函數中將點擊元素放置爲$e。