jQuery.data() 네임 스페이스

Question

$.data()을 사용하여 다른 jQuery 플러그인과 충돌을 피할 수있는 방법은 무엇입니까?

나는 전체를 무시하지 않고, I 등 $(el).data('myplugin').foo

그러나 쉽게 값을 변경하는 방법처럼

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

처럼 내 데이터를 저장하고 액세스 할 수있는 하나의 키를 사용할 수 있습니다 생각 데이터? "foo"값을 변경하는 것과 같습니다.

Answer 1

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

및

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

를 사용하지 않는 이유는 무엇입니까?

동시에 두 개 이상의 값에 액세스 할 필요가없는 경우 쓸데없는 방향 및 테스트를 피할 수 있습니다.

Answer 2

변경하려는 속성 만 변경하십시오.

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 

지금까지와 같은 네임 스페이스 충돌

http://jsfiddle.net/rQQdf/

, 하나의 솔루션은 (플러그인이 정의) 런타임에 타임 스탬프를 생성하고 네임 스페이스에 그 타임 스탬프를 사용하는 것입니다. 가장 빠른 브라우저에서 여전히 충돌로부터 100 % 보호되지는 않지만 꽤 가까워집니다.

Answer 3

저는 개인적으로 클래스 이름, ID, 데이터 속성 등에 코드를 소유하는 엔티티의 단축 식별자와 기능 영역 앞에 하나씩 붙는 하이픈으로 구분 된 이름 지정 규칙을 사용합니다. (이 회사에 고유 한 모든 회사 식별자를 만들기 위해 내가 할 수

foo-chart- 

, 서로의 코드 영역 독특한 : 나는 회사의 푸의 차트 프로그램에서 작업하는 경우

, 내 접두사 수 있습니다 다른 기능 영역의 다른 개발자와의 충돌을 피하기 위해).

인위적인 예 : - 중 마크 업 ATTR 값으로 또는 이름 또는 코드 등 내가 하이픈을 사용하여 찾을

<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> 

내 식별자가 필요하다 거의 모든 장소에 잘 맞는 (.은 매우 일반적 임)