我在 BlogSpot 中的页面运行良好,除了我尝试过的移动浏览器(只有旧的 iPod touch 和我的 Windows 8 Phone,所以我不确定其他浏览器)。
页面在这里。
基本上,在按下按钮对象后,JQuery 会使用 .html() 函数填充 DIV,使 DIV 的大小变大,我认为这就是问题所在。
我想知道是否有任何方法可以解决这个问题。
我在 BlogSpot 中的页面运行良好,除了我尝试过的移动浏览器(只有旧的 iPod touch 和我的 Windows 8 Phone,所以我不确定其他浏览器)。
页面在这里。
基本上,在按下按钮对象后,JQuery 会使用 .html() 函数填充 DIV,使 DIV 的大小变大,我认为这就是问题所在。
我想知道是否有任何方法可以解决这个问题。
这里的问题是博主为移动设备和 PC 加载了不同的模板。您博客的 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>
将此模板放在任何地方(最好靠近原始脚本)并保存模板。首先通过加载博客的移动模板在您的 PC 上检查它,只需?m=1
在博客 URL 的末尾添加即可。
正如@Deepak Kamat 所说..即使您将javascript代码放入其中也无法正常工作
<b:if cond='data:blog.isMobile'></b:if>
您需要做的就是选择正确的移动模板,在这种情况下,我相信您已经对桌面模板进行了一些更改,因此您必须从移动模板下拉列表中选择“自定义”