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

Question

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

页面为here。

基本上，在按下按钮对象后，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上进行检查，然后只需在博客网址末尾添加?m=1即可。

Answer 2

作为@Deepak Kamat stated ..即使你把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>