jquery - 너비가 767px 미만인 경우 html을 제거하십시오.

Question

현재 Google 사이트의 "의견"양식에 대한 모달 팝업 (Shadowbox)이 있습니다. 데스크톱 브라우저의 모달은 괜찮지 만 모바일 브라우저 (767px 미만)에서 새로운 '페이지'를 열고 모바일 장치에서 모달 문제를 해결하고 싶습니다.

'rel = "shadowbox"'요소를 링크 코드에서 제거하여 새로운 브라우저 창을 열 수있는 jquery 솔루션이 있습니까?

예 :

<script> 
$("a") 
    .contents() 
    .filter(function(){ 
    return this.nodeType !== 1; 
    }) 
    .remove("rel="shadowbox""); 
</script> 

내가 알아낼 방법 할 수 없습니다

데스크톱 버전

<a href="site.com" target="_blank" rel="shadowbox">Link</a> 

767px 이하 버전

<a href="site.com" target="_blank">Link</a> 

은 지금까지 나는이 스크립트를 가지고 전나무 폭을 탐지하여 "if, then"을 적용합니다.

도움을 많이 받으실 수 있습니다! 나는 분명히, 내가 필요로하는만큼 JS와 일하지 않는다.

당신은 .removeAttr를 귀하의 링크에 ID를 부여하고 사용할 수있는 그런

if ($(this).css('width') <= '767'){ 

    // Do things here 
} 

() 함수() jQuery의 .CSS를 사용하는 CSS 속성을 얻을 수 있습니다

Answer 1

// Do things here 
$('#my_a').removeAttr('rel'); 

Answer 2

if (document.width < 767) { 
    $.remove("rel="shadowbox"); 
} 

Answer 3

http://jsfiddle.net/HcxwE/

if($(window).width() < 768){ 
    console.log('kill shadowbox'); 
    $("a[rel='shadowbox']").removeAttr('rel'); 
} 

리스너와의 만남 문제는 shadowbox rel이 제거되기 전에 요소에 첨부됩니다.

이 바이올린을 참조

http://jsfiddle.net/qV882/