1. 程式人生 > >Java模板引擎FreeMarker系列之十freemarker與jquery標誌符衝突怎麼處理

Java模板引擎FreeMarker系列之十freemarker與jquery標誌符衝突怎麼處理

freemarker與jquery標誌符衝突怎麼辦?
我們用freemarker做展示層,freemarker語法預設採用<# ></>尖括號形式,為了與html程式碼清晰分離,freemarker還提供[ ]方括號形式,只需配置一下,我們就是採用[]的形式。
jquery是最優秀的js框架,我們也採用了,jquery中物件選擇器也用了方括號,如$("input[@type=checkbox]")表示所有的複選框,於是與freemarker產生了衝突,[@....]會被freemarker執行而報錯,請問該如何解決呢?

------解決的方法--------------------------------------------------------

jquery裡面的$好像可以用jquery代替
有一本jquery基礎教程上面有,verycd上面有電子版,可以看看
------解決的方法--------------------------------------------------------
將$("input[@type=checkbox]")放到freemarker的註釋中,這樣freemarker不會解析執行,但JavaScript由於不認識freemarker的註釋,依然會執行,假設freemarker的註釋符號為/* */

/* 
<script>
$("input[@type=checkbox]")
<script>

*/


------解決的方法--------------------------------------------------------

將$("input[@type=checkbox]")放到freemarker的註釋中,這樣freemarker不會解析執行,但JavaScript由於不認識freemarker的註釋,依然會執行,假設freemarker的註釋符號為/* */ 

/* 
<script type="text/javascript"> 
$("input[@type=checkbox]") 
</script> 

*/ 

------解決的方法--------------------------------------------------------
jquery中使用xpath表示式可以把@省略掉
$("input[type=checkbox]");
這樣寫一樣可以取到值
------解決的方法--------------------------------------------------------

取到所有被選中的表單元素
$("input:checked)") 
取到所有沒被選中的表單元素
$("input:not(:checked)") 
加起來就差不多了吧~~
------解決的方法--------------------------------------------------------