2013-04-07 85 views
1

我在BlogSpot中的頁面可以正常工作,除了我嘗試過的移動瀏覽器(只有舊的iPod touch和我的Windows 8 Phone,所以我不確定其他人) 。BlogSpot中的JavaScript/jquery無法在移動瀏覽器中工作

該頁面是here。基本上,在按下一個按鈕對象後,JQuery用.html()函數填充DIV,使得DIV的大小增大,我認爲這是問題所在。

我想知道是否有任何方法可以解決這個問題。

回答

3

這裏的問題是,博客加載移動設備和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

+0

謝謝,我明天再試一次! – Dave 2013-04-07 03:30:16

+0

它看起來像我需要在HTML模板中做這個標記,並禁用移動版本,爲此工作。不完全是我所希望的 - 也許Blogger有一天會有移動模板編輯 - 但我學到了很多東西。謝謝你的幫助。 – Dave 2013-04-07 13:23:09

+1

移動模板的編輯可以通過模板部分提供的單個模板編輯選項完成。手機模板代碼只是在特殊的博客條件標籤內。 @Dave你可以刪除最好的答案標記,以獲得更好的答案,這可以幫助你更有效率:) – 2013-04-07 15:00:39

1

由於@Deepak Kamat stated ..它甚至不會,如果你把JavaScript代碼裏面

<b:if cond='data:blog.isMobile'></b:if>

所有你需要做的是選擇合適的移動模板,在這種情況下工作,我相信你已對您的桌面模板進行了一些更改,因此您必須從手機模板下拉列表中選擇「自定義」

相關問題