我在BlogSpot中的頁面可以正常工作,除了我嘗試過的移動瀏覽器(只有舊的iPod touch和我的Windows 8 Phone,所以我不確定其他人) 。BlogSpot中的JavaScript/jquery無法在移動瀏覽器中工作
該頁面是here。基本上,在按下一個按鈕對象後,JQuery用.html()函數填充DIV,使得DIV的大小增大,我認爲這是問題所在。
我想知道是否有任何方法可以解決這個問題。
我在BlogSpot中的頁面可以正常工作,除了我嘗試過的移動瀏覽器(只有舊的iPod touch和我的Windows 8 Phone,所以我不確定其他人) 。BlogSpot中的JavaScript/jquery無法在移動瀏覽器中工作
該頁面是here。基本上,在按下一個按鈕對象後,JQuery用.html()函數填充DIV,使得DIV的大小增大,我認爲這是問題所在。
我想知道是否有任何方法可以解決這個問題。
這裏的問題是,博客加載移動設備和PC不同的模板。您的博客的個人電腦版本具有運行該功能的所有必要代碼,但移動模板似乎沒有這些代碼。
您的腳本和jQuery庫不會在手機模板中加載,因此您需要對模板進行一些更改以使其在移動瀏覽器上加載。這很簡單,你所要做的就是包裝代碼
<b:if cond='data:blog.isMobile'></b:if>
而腳本也會被加載到移動模板中。
它必須看起來像這樣
<b:if cond='data:blog.isMobile'>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
// your script
</script>
</b:if>
將這個模板的任何地方(最好的,如果接近原來的腳本)和保存模板。首先在您的電腦上加載您的博客的手機模板,在您的博客網址末尾添加?m=1
。
由於@Deepak Kamat stated ..它甚至不會,如果你把JavaScript代碼裏面
<b:if cond='data:blog.isMobile'></b:if>
所有你需要做的是選擇合適的移動模板,在這種情況下工作,我相信你已對您的桌面模板進行了一些更改,因此您必須從手機模板下拉列表中選擇「自定義」
謝謝,我明天再試一次! – Dave 2013-04-07 03:30:16
它看起來像我需要在HTML模板中做這個標記,並禁用移動版本,爲此工作。不完全是我所希望的 - 也許Blogger有一天會有移動模板編輯 - 但我學到了很多東西。謝謝你的幫助。 – Dave 2013-04-07 13:23:09
移動模板的編輯可以通過模板部分提供的單個模板編輯選項完成。手機模板代碼只是在特殊的博客條件標籤內。 @Dave你可以刪除最好的答案標記,以獲得更好的答案,這可以幫助你更有效率:) – 2013-04-07 15:00:39