jQuery的：每次更改

Question

無法繼續運行的行動：https://stackoverflow.com/questions/16649933/jquery-on-form-change-with-bootstrap-sliders/16650319?noredirect=1

我目前使用下面的捕捉滑塊的ID，改變#log的內容。這個問題就是隻捕獲第一個滑塊。我需要在任何滑塊更改時執行此操作。

我試過在我所有的滑塊上使用價格的ID，但是這不起作用。

$('#price').each(function(index,value){ 
    $(this).bind('slide', function(){ 
     $("#log").prepend('<p>Changed</p>') 
    }); 
}); 

Answer 1

這是行不通的原因是因爲JavaScript符合HTML規範，並且HTML規範指出ID attributes must be unique。

您不得與id="price"有兩個元素。由於此JavaScript在找到第一場比賽後將停止搜索。您的.each()循環只會執行一次，而不管第一個之後有多少個#price元素。

要解決此問題，請改爲使用類。例如：

<div class="price">...</div> 
<div class="price">...</div> 
<div class="price">...</div> 

$('.price').each(function(index,value) { ... }); 

你還需要改變你的#log元素使用類了。

Answer 2

$('#price')是id，頁面包含一個重複的id。你需要使用類