即使條件得到滿足，Javascript：函數也不起作用（難以解釋）

-6

當然，這個答案很簡單，但我無法解釋它，所以我在這裏問它。即使條件得到滿足，Javascript：函數也不起作用（難以解釋）

https://jsbin.com/tuzifobale/edit?html,css,js,output

我試圖讓一個div當你點擊它，如果div有該類它則X功能（在這種情況下，它是淡出）添加類情況發生，從而點擊它使X功能發生。

年代史如何在Javascript中工作？有沒有我可以閱讀的任何鏈接，這可以讓我理解什麼時候以及如何變得適用？謝謝。

來源

2015-09-04 NateDogg

解釋它更簡單，而是jsBin添加你自己的代碼，然後它會下降更多 –

Sry生病下一次。 – NateDogg

想在此期間幫助我嗎？ – NateDogg

幾件事我在你發現JsBin情況如下，

始終在頭部或元素之前的js文件被加載像下面
你找不到，如果元素是點擊或事件被觸發，如果條件像你在做循環
還有什麼呢？

，請參閱下文，並檢查它是否有助於你

$(document).ready(function(){ 
 
    $('div').animate({left:'200px'}); 
 
    $('div').animate({top:'200px'}); 
 
    $('div').animate({left:'px'}); 
 
    $('div').animate({top:'-100px'}); 
 
    $('div').animate({top:'200px'}); 
 
    $('div').animate({left:'0px'}); 
 
    $('div').animate({top:'0px'}); 
 
    
 
    $('div').on('click', function(){ 
 
     $(this).addClass('clicked'); 
 
     $(this).stop(); //Stop animation 
 
    }); 
 

 
});

div {width:100px; height:100px; background:red; position:relative} 
 
.clicked { 
 
    
 
    background: green; 
 
    
 
}

<!DOCTYPE HTML> 
 

 
<html> 
 
    <head> 
 

 
    <title></title> 
 
     <script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
 
    </head> 
 
    
 
    <body>  
 
    
 
    <div></div> 
 
    
 
    </body> 
 
</html>

來源

2015-09-04 06:24:57

歡迎StackOverflow上。

在編寫問題時，您應該採取更多的預防措施，並確保它是用良好的英語書寫的，並且在某種程度上，以便某個不事先知道您想達到的目標的人在閱讀問題時能夠理解您的目標。

我要試着回答我認爲理解的部分。

如果div有該類它則X功能（在這種情況下，它是淡出）發生

我的理解是，你想觸發功能X的執行時<div>收到班級（clicked？）。

在Javascript中觀察DOM元素的類值更改是一個似乎沒有可靠解決方案的問題。（見related questions）

從而點擊它使X的功能發生。

也許你的目標其實更簡單。如果你只是想觸發，當你點擊一個<div>功能的執行，那麼你就必須看mouse event handlers，尤其是.click()，允許

綁定的事件處理程序「單擊」 JavaScript事件

來源

2015-09-04 06:26:18

即使條件得到滿足，Javascript：函數也不起作用（難以解釋）

回答

相關問題