BlogSpot 中的 JavaScript/Jquery 在移动浏览器中不起作用

Question

我在 BlogSpot 中的页面工作正常，除了我尝试过的移动浏览器（只有旧的 iPod touch 和我的 Windows 8 Phone，所以我不确定其他人）。

页面在 这里。

基本上，在按下按钮对象后，JQuery 使用 .html() 函数填充 DIV，使 DIV 的大小增加，我认为这就是问题所在。

我想知道是否有任何方法可以解决这个问题。

Answer 1

这里的问题是博主为移动设备和 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 上检查它，只需在博客 URL 的末尾添加?m=1 。

Answer 2

正如@Deepak Kamat 所说.. 即使你把 javascript 代码放在里面也不会工作

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

您需要做的就是选择正确的移动模板，在这种情况下，我相信您对桌面模板进行了一些更改，因此您必须从移动模板下拉列表中选择“自定义”

Answer 3

是的，我试图解决这个问题然后我找到了一些步骤来在移动模式下启用它但是当你把这个脚本代码放在添加小工具然后对我来说它不起作用这是我遵循的一些步骤 - 首先我打开主题然后单击在 ... 菜单上选择编辑 html，最后将这些放在代码行下方，并且它起作用了。 我贴了一些图片希望它会有所帮助。

<b:if cond='data:blog.isMobile'><script>console.log(&quot;Hello&quot;)</script></b:if>