Smarty和jquery移動碰撞

Question

我剛剛遇到一個問題：模板中的smarty sintaxis在{}之間，也是jquery移動組件之一，因爲它的onw目的，所以我從smarty得到一個錯誤。有沒有解決這個問題的方法？

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}'> 

Answer 1

使用{literal}標籤：

<input ... data-options='{literal}{"mode": "calbox"}{/literal}'> 

Answer 2

如果您正在使用的Smarty 3，乾脆離開之間的{}空間：

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{ "mode": "calbox" }'> 

參見下http://www.smarty.net/v3_overview「（JavaScript）的自動 - 擒縱「

Answer 3

您也可以使用{rdelim}和{ldelim}作爲替代。如果你想混合使用js和smarty，我覺得它特別有用。它們將被smarty替換爲大括號，並且您仍然可以在它們之間使用smarty代碼，但在使用{literal}時情況並非如此。你的樣品看起來像這樣：

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{ldelim}"mode": "calbox"{rdelim}'>