jQuery - 오류 : 지원되지 않는 의사 : 표시

Question

인터넷에서 유사 셀렉터를 사용하여 많은 예제를 볼 수 있습니다 (display:none; 필터링).

하지만 그것을 사용하려고하면 jQuery를 오류가 제공가 :

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: visible - jquery.min.js:2

---

이것은 내가 무슨 짓을 :

function initSimpleTinyMCE(selector) { 
    console.log(selector+':visible'); // .simple-tinymce:visible 
    tinymce.init({ 
     selector: selector+':visible', 
    }); 
} 

Answer 1

, 당신은 다음과 같이 사용할 수 있습니다 :

function initSimpleTinyMCE(selector) { 
 
    $(selector+':visible').tinymce({ 
 
    \t // Options 
 
    }); 
 
} 
 

 
initSimpleTinyMCE('.simple-tinymce');

.hidden { 
 
    display:none; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/tinymce.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/jquery.tinymce.min.js"></script> 
 

 
<textarea class="simple-tinymce"></textarea> 
 

 
<textarea class="simple-tinymce hidden"></textarea>

Answer 2

당신은 function initSimpleTinyMCE(selector) { console.log($(selector+':visible'));tinymce.init({selector: $(selector+':visible'),});}

Answer 3

작은이 방법을 사용할 수 있습니다 -MCE는 CSS 선택 자만 지원합니다. :visible 의사 선택자는 jQuery에만 해당되므로이 방법으로 사용할 수 없습니다. 프로젝트에서 jQuery를 사용하는 가정이 같은 작동합니다 :

funciton initSimpleTinyMCE(selector) 
{ 
    var element = jQuery(selector+":visible").first(); //Just in case the selector matches multiple elements. 
    tinymce.init({ 
     target: element[0] 
    }); 
} 

당신은 또한 확실히 선택이 작은-MCE를 초기화하기 전에 DOM에 뭔가를 일치하는지 확인하기 위해 검사를 시행 할 수 있습니다. 당신이 jQuery를 TinyMCE에를 사용하는 경우