Div單擊事件不工作使用Jquery

-6

我正在建立一個計算器。我想使用jQuery將點擊事件添加到某些列。我看過其他線程，但沒有找到解決方案。另外，我正在使用Codepen。Div單擊事件不工作使用Jquery

$(document).ready() 
 
{ 
 
    $(".buttons-display").click(function() { 
 
    console.log("You just clicked a button!"); //Not Working 
 
    }); 
 
}

.row { 
 
    border-color: black; 
 
    border-style: solid; 
 
    width: 25%; 
 
    margin: auto; 
 
} 
 

 
.buttons { 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    border-color: black; 
 
    border-style: solid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="contanier-fluid"> 
 
    <div class="container"> 
 
    <div class="row" id="display-one"></div> 
 
    <div class="row" id="display-two"></div> 
 
    <div class="row"> 
 
     <div class="col-md-3 buttons">C</div> 
 
     <div class="col-md-3 buttons">CE</div> 
 
     <div class="col-md-3 buttons buttons-display">(</div> 
 
     <div class="col-md-3 buttons buttons-display">)</div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-04-04 Devansh

我把代碼在你的問題中可運行的代碼片段。希望你現在可以看到你的代碼的語法問題。 –

只是指出你在哪裏看ready函數是錯誤的'$（document）.ready（function（）{...' – DaniP

-2

它爲我不做改變，確保jQuery是包含在由設置去codepen/javascript /添加外部Ja vascript/

來源

2017-04-04 15:22:17 Mathis

我會對它的工作原理感興趣，因爲它是語法問題。 –

我沒有改變語法中的任何內容，只是複製並粘貼了你的代碼，並且包含了jquery，我在控制檯中點擊了「你剛剛點擊了一個按鈕！」 – Mathis

再次 - 如何？在這個問題中運行代碼片段，由於缺少'}'和'function'定義，只會得到錯誤 –

使用$(document).ready(function(){代替$(document).ready() {

$(document).ready(function(){ 
 
    $(".buttons-display").click(function() { 
 
    console.log("You just clicked a button!"); //Not Working 
 
    }); 
 
})

.row { 
 
    border-color: black; 
 
    border-style: solid; 
 
    width: 25%; 
 
    margin: auto; 
 
} 
 

 
.buttons { 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    border-color: black; 
 
    border-style: solid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="contanier-fluid"> 
 
    <div class="container"> 
 
    <div class="row" id="display-one"></div> 
 
    <div class="row" id="display-two"></div> 
 
    <div class="row"> 
 
     <div class="col-md-3 buttons">C</div> 
 
     <div class="col-md-3 buttons">CE</div> 
 
     <div class="col-md-3 buttons buttons-display">(</div> 
 
     <div class="col-md-3 buttons buttons-display">)</div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-04-04 15:19:51

我編輯了答案，謝謝 –

沒問題，但僅供將來參考，只是標記這樣的問題 - 其中的問題純粹是由於語法錯誤或拼寫錯誤 - 將被關閉 –

這應該工作太：

$(document).on('click', '.buttons-display', function() { 
    console.log("You just clicked a button!"); 
});

來源

2017-04-04 15:37:18 Richard

Div單擊事件不工作使用Jquery

回答

相關問題