2017-10-06 145 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东西。