Vùng tên jQuery.data()

Question

Làm cách nào để tránh xung đột với các plugin jQuery khác bằng cách sử dụng $.data()?

Tôi đã suy nghĩ tôi có thể sử dụng một chìa khóa duy nhất để lưu trữ dữ liệu của tôi như

$(el).data('myplugin', { foo: 'a', xyz: 34});

và truy cập nó như $(el).data('myplugin').foo, vv

Nhưng làm thế nào có thể dễ dàng thay đổi một giá trị, mà không trọng toàn bộ dữ liệu? Giống như thay đổi giá trị của "foo".

Answer 1

Tại sao không sử dụng

$(el).data('myplugin.foo') 

và

$(el).data('myplugin.xyz') 

?

Vì vậy, nếu bạn không cần truy cập nhiều hơn một giá trị cùng một lúc, bạn sẽ tránh được những điều tra và kiểm tra vô dụng.

Answer 2

Chỉ cần thay đổi thuộc tính bạn muốn thay đổi.

http://jsfiddle.net/rQQdf/

var el = $("<div />");  
el.data("myPlugin",{ foo: "foo" }); 
console.log(el.data("myPlugin").foo); // foo 
el.data("myPlugin").foo = "bar"; 
console.log(el.data("myPlugin").foo); // bar 

Theo như những xung đột không gian tên, một giải pháp là để tạo ra một dấu thời gian trong thời gian chạy (khi các plugin được định nghĩa) và sử dụng dấu thời gian trong không gian tên của bạn. Nó vẫn không được bảo vệ 100% chống lại xung đột trong các trình duyệt nhanh nhất, nhưng nó khá gần.

Answer 3

Cá nhân tôi sử dụng quy ước đặt tên dấu gạch nối, tiền tố tên lớp, ID, thuộc tính dữ liệu, v.v ... với mã định danh viết tắt của thực thể sở hữu mã và một cho khu vực chức năng.

Nếu tôi được làm việc trên một chương trình biểu đồ cho công ty của Foo, tiền tố của tôi có thể là:

foo-chart- 

này cho phép tôi để làm cho tất cả các định danh công ty duy nhất cho các công ty, và các khu vực của mã độc đáo với nhau (để tránh va chạm với các nhà phát triển khác trong các lĩnh vực chức năng khác).

contrived dụ:

<button id="foo-chart-refresh" class="foo-chart-interact" data-foo-chart-last="201205031421">Refresh Chart</button> 
<script type="text/javascript"> 
    var lastRefresh = $('#foo-chart-refresh').data('fooChartLast'); // see docs on .data() for case/hyphenation handling 
</script> 

tôi tìm cách sử dụng một gạch nối phù hợp tốt với hầu hết các nơi định danh của tôi sẽ là cần thiết - hoặc là một giá trị attr đánh dấu hoặc tên, hoặc trong mã, vv Bạn có thể sử dụng bất kỳ từ nào phù hợp với nhu cầu của bạn (. là rất phổ biến)