我正在使用Rails应用程序中的Bootstrap-wysihtml5范围,直到我尝试使用通配符选择器。
例如:
javascript
$('[id*=some-textarea]').wysihtml5();
html
<textarea id="some-textarea1" placeholder="Enter text ..."></textarea>
<textarea id="some-textarea2" placeholder="Enter text ..."></textarea>
无法在Chrome版本22.0.1229.94上使用,控制台说"未接收错误:not_found_err:dom exception 8"
Safari Show的" Wysiwyg"控制仅在某些textarea1上。
当我显式时,它们正常工作
$('#some-textarea1').wysihtml5();
$('#some-textarea2').wysihtml5();
但是,我的轨道上的Textarea数量是动态的,所以如果可能的话,我真的很想使用通配符?
这是wysiwyg.js的问题吗?作为简单的CSS背景更改有效...
以下是一个示例:http://jsfiddle.net/8pbwa/3/
我将在这里肢体(快速查看插件源),并说此JS插件不支持集合作为参数。
您可以使用for
循环。
$('[id*=some-textarea]').each(function() {
$(this).wysihtml5();
});
尝试将选择器封装在双引号中。检查是否有帮助
$('[id*="some-textarea"]').wysihtml5();
您也可以尝试将单个类分配给所有这些文本区域。
<textarea id="some-textarea1" class="w5text" placeholder="Enter text ..."></textarea>
<textarea id="some-textarea2" class="w5text" placeholder="Enter text ..."></textarea>
$('.w5text').wysihtml5();
或
var count = 30;
for(var i = ;i<= count ; i++){
$('#some-textarea'+ count).wysihtml5();
}