2012-10-20 41 views
0

我在我的rails應用程序中使用bootstrap-wysihtml5-rails,所有工作都很好,直到我嘗試使用通配符選擇器。我可以用textareas使用許多wysiwyg jquery選擇器嗎?

例如:

的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異常8」

Safari show的wysiwyg控件僅在some-textarea1上。

當我明確的,他們做工精細

$('#some-textarea1').wysihtml5(); 
$('#some-textarea2').wysihtml5(); 

但我的導軌形式的textarea的數量是動態的,所以我真的很想使用通配符,如果可能的話?

這是wysiwyg.js的問題嗎?舉一個簡單的CSS背景變化的作品...

下面是一個例子:http://jsfiddle.net/8PBwA/3/

+0

嘗試在雙引號包圍你的選擇。檢查是否有幫助 –

+0

@ Sushanth--恐怕不是:(http://jsfiddle.net/8PBwA/5/ – gef

+0

檢查此琴的http://的jsfiddle .net/XEWC8/ –

回答

1

我打算在這裏(從快速瀏覽插件源代碼)出發,並說這個JS插件不支持集合作爲參數。

您可以使用for循環。

$('[id*=some-textarea]').each(function() { 
    $(this).wysihtml5(); 
}); 
0

嘗試在雙引號包圍你的選擇。檢查是否有幫助

$('[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(); 

OR

var count = 30; 

for(var i = ;i<= count ; i++){ 
    $('#some-textarea'+ count).wysihtml5(); 
} 
+0

是的,我已經嘗試了這兩個。http://jsfiddle.net/8PBwA/6/沒有運氣:(我也嘗試開始與選擇器結束 – gef

+0

如果你知道文本的數量你有在頁面上的框..你可以嘗試運行一個for循環.. –

相關問題