2017-10-06 86 views
1

在互聯網上我看到使用:visbile僞選擇器(篩選display:none;)的負載示例。jQuery - 錯誤:不支持僞:可見

但是當我嘗試使用它的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', 
    }); 
} 

回答

2

如果您正在使用jQuery TinyMCE的,你可以使用它像這樣:

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>

0

您可以用這種方式function initSimpleTinyMCE(selector) { console.log($(selector+':visible'));tinymce.init({selector: $(selector+':visible'),});}

1

微小-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東西。