包含.data（）值的jQuery問題在其值中包含空格

Question

很多問題與此類似，但我並不真正看到我在做什麼錯誤。

所以我通過具有以下表單打開引導模式：

<form> 
     VIN: <br> 
     <input type="text" id="updateVin" name="updateVin" value=""> 
     <br> 
     Description: <br> 
     <input type="text" id="updateDescription" name="updateDescription" value=""> 
     <br> 
     Color: <br> 
     <input type="text" id="updateColor" name="updateColor" value=""> 
     <br> 
     Model: <br> 
     <input type="text" id="updateModel" name="updateModel" value=""> 
     <br> 
     Area ID: <br> 
     <input type="text" id="updateAreaId" name="updateAreaId" value=""> 
     <br> 
     Geofence ID: <br> 
     <input type="text" id="updateGeofenceId" name="updateGeofenceId" value=""> 
     <br> 
     <button class="btn btn-warning" id="updateVehicle">Update</button> 
     &nbsp; 
     <button class="btn btn-danger" id="deleteVehicle"> 
     Delete 
     </button> 
    </form> 

我想設置的輸入值也會有個爲不同的鏈接，這個相同的模式不同。

我做到這一點這樣：

$(document).on("click", ".open-UpdateModal", function() { 
     var vin = $(this).data('vin'); 
     var description = $(this).data('description'); 
     var color = $(this).data('color'); 
     var model = $(this).data('model'); 
     var areaId = $(this).data('areaid'); 
     var geofenceId = $(this).data('geofenceid'); 
     $(".update #updateVin").val(vin); 
     $(".update #updateDescription").val(description); 
     $(".update #updateColor").val(color); 
     $(".update #updateModel").val(model); 
     $(".update #updateAreaId").val(areaId); 
     $(".update #updateGeofenceId").val(geofenceId); 
     $('h4.modal-title').text('Updating ' + vin + ':'); 
    }); 

我得到我的一個表，從表中的數據值：

<td> 
    <a data-toggle="modal" href="#my_modal" class="open-UpdateModal" 
    data-deletevin=<%= vehicles[i].vin %> 
    data-vin=<%= vehicles[i].vin %> 
    data-description=<%= vehicles[i].description %> 
    data-color=<%= vehicles[i].color %> 
    data-model=<%= vehicles[i].model %> 
    data-areaid=<%= vehicles[i].areaId %> 
    data-geofenceid=<%= vehicles[i].geofenceId %>> 
    <%= vehicles[i].vin %> </a> 
</td> 

這完美的作品！除了事實上，例如，如果數據描述等於'豐田Rav4'，輸入值將只是'豐田'。除此之外，這是完美的。

這是jQuery和whitespace的問題嗎？或者我做錯了什麼？

我試過使用$（this）.attr（'data-description'）。

Answer 1

只需添加引號將值：

<a data-toggle="modal" href="#my_modal" class="open-UpdateModal" 
data-deletevin="<%= vehicles[i].vin %>" 
data-vin="<%= vehicles[i].vin %>" 
data-description="<%= vehicles[i].description %>" 
data-color="<%= vehicles[i].color %>" 
data-model="<%= vehicles[i].model %>" 
data-areaid="<%= vehicles[i].areaId %>" 
data-geofenceid="<%= vehicles[i].geofenceId %>"> 
<%= vehicles[i].vin %> </a>