JQTransform - 從樣式中排除元素？

9

我已將if($input.hasClass('ignore') == true) { return; }添加到插件的第99行，以忽略class = ignore的任何文本字段。也許這會幫助你。

2011-03-03 16:22:52 mattbee

+1

謝謝馬特比。一個輝煌的加法！ :) – iltdev 2011-06-13 12:04:39

3

我確認mattbee的解決方案在發佈問題的成員的回覆中爲我工作。按照指示，我貼在99行的代碼，上面下面一行：

if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}

爲了任何人，這不是顯而易見的，將代碼粘貼以上線99，而不是更換線99以下：

/*Custom code: Regarding class for elements exceptional to transformation.*/ 
/*Custom code: http://stackoverflow.com/questions/3727517/jqtransform-exclude-an-element-from-styling*/ 
if($input.hasClass('ignore') == true) { return; } 
if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}

我沒有看到一個選項來評論mattbee的答案，所以我已經提交了一個答案的形式。

編輯：上面的代碼將提示jqTransform跳過/排除/忽略/避免輸入元素。在我的情況下，我用它來排除type =「text」和type =「image」。然而，將.ignore類應用於我的textarea元素確實排除了不需要的轉換，但由於某種原因，另外排除了我所選元素的轉換。請注意，文本區域的jquery.jqtransfrom.js的編輯是在原始未編輯文檔的201行開始的textarea函數中進行的，而不是上面代碼塊中從第95行開始的文本字段的函數。

這裏是什麼，我嘗試的例子（放置以上線207）：

if($textarea.hasClass('ignore') == true) { return; }

要重申的是，它的工作也排除了我的選擇框這是不是我的意圖的轉變。

尋找解決方案後，我碰到下面的博客文章： http://www.deliciouscoding.com/post.cfm?entry=use-jqtransform-and-tinymce-together

從本質上講，這jqTransform創建替換textarea元素表由一個文本或者更簡單地把所取代，它會撤銷轉型：

<!--Undo textarea transformation.--> 
<!--Source: http://www.deliciouscoding.com/post.cfm?entry=use-jqtransform-and-tinymce-together.--> 
<script language="javascript"> 
jQuery(function(){ 
jQuery("form.transform table").replaceWith('<textarea></textarea>'); 
}); 
</script>

對於那些新的jQuery，上述代碼將被放置在您的文檔的頭部（即在<head>和</head>之間）。

來源

2011-04-25 18:02:38

1

或者，你可以簡單地添加jqtranformdone類的輸入:)

來源

2011-10-19 12:12:06

3

有我創建新庫 - csTransPie - 使其基於jqtransform - jqtransform是一個偉大的圖書館，但它確實有很多問題，今天CSS3解決了許多的這些問題，我喜歡控制的想法是正常的控制和尋找同在每個瀏覽器

https://github.com/pkoretic/csTransPie

這是一個進展中的工作，但即使是現在，它比jqtransform過半更好（更代碼重新寫，很多錯誤解決，乾淨的CSS ...），你必須承認它...

只是使用。你想要的元素上的transpie類！

來源

2012-01-31 12:37:18 Petar

-1

我知道這是一個非常古老的話題，但我不得不說它更適合於將額外的類添加到常規形式，並且它不會被轉換。對於輸入文本和textarea添加'jqtranformdone'類，它將在沒有變換的情況下返回。對於複選框，單選按鈕和選擇使用'jqTransformHidden'類。

來源

2012-05-03 11:26:49 danyg

0

這裏我的版本（1.1版06.08.09）跳過輸入：編輯這jquery.jqtransform.js符合497

$('input:submit:not(.hidden), input:reset:not(.hidden), input[type="button"]:not(.hidden)', this).jqTransInputButton(); 
    $('input:text:not(.hidden), input:password:not(.hidden), input[type="email"]:not(.hidden)', this).jqTransInputText(); 
    $('input:checkbox:not(.hidden)', this).jqTransCheckBox(); 
    $('input:radio:not(.hidden)', this).jqTransRadio(); 
    $('textarea:not(.hidden)', this).jqTransTextarea(); 
    $('select:not(.hidden)', this).jqTransSelect()

來源

2012-08-25 12:30:27

4

使用類jqtransformdone。它內置於插件中。

來源

2012-09-23 23:36:40 Felipe

+1

工程，但必須寫一個大寫的「T」：'jqTransformdone' – Rocco 2013-07-09 08:58:27

0

您可以簡單地將「jqtransformdone」類添加到元素，您想跳過樣式。希望，它會幫助別人。

來源

2013-02-12 11:43:20

+0

這已經在其他答案中提到過。在回答之前，請檢查您希望提供的答案是否已經存在。 – Ren 2013-02-12 12:02:59

JQTransform - 從樣式中排除元素？

回答

相關問題