드롭 다운 목록 메뉴 버튼을 숨기거나 비활성화합니다. 자바 스크립트의 jQuery.

-1

동적으로 생성 된 3 개의 옵션 목록이 테이블 행의 끝에 첨부됩니다. 페이지가로드 될 때 특정 조건이 충족되지 않으면 편집 및 복사 옵션을 숨기거나 비활성화하고 싶습니다. JavaScript의 jQuery를 사용하여 어떻게하면됩니까?드롭 다운 목록 메뉴 버튼을 숨기거나 비활성화합니다. 자바 스크립트의 jQuery.

<div class="btn-group ewButtonGroup open"> 
    <button class="dropdown-toggle btn btn-small" data-toggle="dropdown" href="#">Options <b class="caret"></b></button> 
    <ul class="dropdown-menu ewMenu"> 
     <li><a class="ewRowLink ewView" data-caption="View" href="teamsview.php?showdetail=&amp;TeamID=1">View</a></li> 
     <li><a class="ewRowLink ewEdit" data-caption="Edit" href="teamsedit.php?TeamID=1">Edit</a></li> 
     <li><a class="ewRowLink ewCopy" data-caption="Copy" href="teamsadd.php?TeamID=1">Copy</a> 
     </li> 
    </ul> 
</div>

나는 작업을 수행하는 다음 코드를 시도했다.

<script> 
$(document).ready(function() { 
    var Week_Check = $('#ewRowLink ewView span').text(); 
    if (Week_Check > 10) { 
     $('.ewRowLink ewView').hide(); 
    } 
}); 
</script>

출처

2014-04-08 user3395611

잘못된 jQuery 선택기가 있습니다. $('.ewRowLink ewView').hide(); 당신은 기본적으로 상태를 사용하여

$('.ewRowLink.ewView').hide();

: 당신은 당신이이 길을 가고 싶어 해당 클래스의 모두를 갖는 요소를 숨기려면 (?) ewRowLink 클래스를 가진 다른 요소 안에있는 모든 ewView 요소를 숨 깁니다.

출처

2014-04-08 18:07:38 MaGnetas

감사합니다. 현재 작동하지만 모든 행이 숨겨져 있습니다. 특정 행을 숨길 수있는 방법이 있습니까? 테이블에 많은 행이 있습니다. 감사합니다 – user3395611

글쎄, 당신이 무슨 뜻인지 잘 모르겠습니다. 실제 문제가 무엇인지 명확히하려고 노력하십시오. 귀하의 선택자가 작동하지 않았지만 지금은 무엇이 잘못되었는지 완전히 이해할 수있는 충분한 정보가 없다는 것을 알게되었습니다. – MaGnetas

나는 이렇게 많은 행을 가지고있다. 각 행의 특정 데이터를 검사하고 조건을 충족하면 숨기기가 활성화됩니다. – user3395611

당신은 이벤트 바인딩을 해제 할 .off()를 사용할 수 있습니다

$('.ewEdit, .ewCopy').hide();

아직 당신은 당신이 원하는 것을 조건으로 언급해야합니다

$('.ewEdit, .ewCopy').off('click');

또는 당신은 숨기려면 이것을하기 위해.

출처

2014-04-08 18:02:07 Jai

위대한, 숨기기가 작동하지만 꺼지지 않습니다. – user3395611

오! 그래, 지금이있어, 사실 그것은 당신이 그것에 어떤 클릭 이벤트를 바인딩하지 않은 것 그것은'. 오프()'가 작동하지 않는 이유입니다. – Jai

특정 행에 숨길 수있는 방법이 있습니까? 모든 행에 숨 깁니다. 어쨌든 고마워. – user3395611

<script> 
$(document).ready(function() { 
    var Week_Check = $('#ewRowLink, #ewView').find('span').html(); 
    if (Week_Check > 10) { 
     $('.ewRowLink, .ewView').hide(); 
    } 
}); 
</script>

출처

2014-04-08 18:06:18 RGS

드롭 다운 목록 메뉴 버튼을 숨기거나 비활성화합니다. 자바 스크립트의 jQuery.

답변

관련 문제