jQuery - エラー：サポートされていない疑似：可視

Question

インターネットでは、:visbile疑似セレクタ（フィルタする場合は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をを使用している場合