遇到的問題
單一頁面，Menu裡面的項目，使用anchor的方式，連結到頁面區塊
但是在行動裝置的 navbar，點選項目後，選單不會自動收合。
圖片說明：點選Services，連結到Services區塊後，選單不會收合。
處理方式
加入自訂的 custom.js
1. \專案名稱\templates\purity_iii\tpls\blocks\head.php，載入 custom.js
if (is_file(T3_TEMPLATE_PATH . '/local/js/custom.js')) {
$this->addScript(T3_TEMPLATE_URL . '/local/js/custom.js');
}
$this->addScript(T3_TEMPLATE_URL . '/local/js/custom.js');
}
2. custom.js 加入
jQuery(window).load(function($) {
jQuery('.navbar-nav li a').click(function(event) {
jQuery('.navbar-collapse').removeClass('in').addClass('collapse');
});
});
jQuery('.navbar-nav li a').click(function(event) {
jQuery('.navbar-collapse').removeClass('in').addClass('collapse');
});
});
碎念筆記
本來不想動到JS，想靠data-toggle解決
在網路上找到某個人的心路歷程跟我一樣，後來還是動用的JS比較快。
原本要在 li 裡面加上 data-toggle="collapse" data-target=".t3-navbar-collapse"
需要調整程式 \專案名稱\plugins\system\t3\includes\menu\megamenu.tpl.php
但是一直加不成功，data-toggle 會一直被吃掉，猜測是JS載入時，li 被重新設置
而且改到 pluings 的程式好像有點不妥，因為怕自己改壞了，所以就放棄這個方式。
