輸入顏色在另一臺服務器上不起作用

Question

我嘗試更新html中的顏色。

<input type="color" id="updatingcolor_0" value="" /> 

也jQuery的

$("input[id^='updatingcolor_']").on('input', function() { 
    alert('color'); 
}); 

有人可以解釋爲什麼它工作得很好只是我自己的本地主機，但它並沒有在客戶服務器工作???

Answer 1

有了下面的代碼片段，您可以檢查是否正常工作的服務器上：

$(function() { 
 
    $("input[id^='updatingcolor_']").on('input', function() { 
 
    $('#result').text($(this).val()); 
 
    }); 
 
});

<script src="//code.jquery.com/jquery-1.11.3.js"></script> 
 

 
<input type="color" id="updatingcolor_0" value="" /> 
 
<p id="result"></p>

Answer 2

我懷疑是任何導致問題的代碼。在服務器上包含jQuery或其他文件的路徑最有可能不同於本地，因此無法處理所需的文件。

如果出現這個問題，那麼在瀏覽器中打開開發人員工具（F12或右鍵單擊> Inspect）將顯示它無法找到的文件的404錯誤。然後你必須弄清楚它在哪裏並改變路徑。

嘗試使用相對路徑總是最好的，然後只要保持結構相同，本地和服務器部署就會始終找到該文件。