Java模板引擎FreeMarker系列之十freemarker與jquery標誌符衝突怎麼處理
阿新 • • 發佈:2019-01-22
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)")
加起來就差不多了吧~~
------解決的方法--------------------------------------------------------
我們用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)")
加起來就差不多了吧~~
------解決的方法--------------------------------------------------------