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

【问题标题】：JavaScript/Jquery in BlogSpot does not work in mobile browsersBlogSpot 中的 JavaScript/Jquery 在移动浏览器中不起作用
【发布时间】：2013-04-07 02:02:07
【问题描述】：

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

页面是here。

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

我想知道有没有办法解决这个问题。

【问题讨论】：

标签： javascript jquery blogger

【解决方案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。

【讨论】：

谢谢，我明天试试！
看来我需要在 HTML 模板中做这个标记，并禁用移动版本，才能让它工作。不完全是我所希望的——也许有一天 Blogger 会有移动模板编辑功能——但我学到了很多东西。感谢您的帮助。
移动模板的编辑可以通过模板部分中可用的单个模板编辑选项来完成。移动模板代码就在特殊的博主条件标签内。 @Dave，您可以删除最佳答案标记以获得更好的答案，这可以更有效地帮助您:)
您的回答非常好，无需更改任何内容。我对我现在禁用移动浏览器的懒惰方法很好，但是当我有更多时间时，我会按照你的指示进行操作。我不知道 Blogger 如此灵活。再次感谢。

【解决方案2】：

作为@Deepak Kamat stated..即使你把javascript代码放在里面也不行

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

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

【讨论】：

你能告诉我如何在移动模式下使用javascript吗？

【解决方案3】：

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

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

【讨论】：

如果您只希望脚本在移动设备上运行，则可能需要该标签。对我来说，问题是我的脚本没有在移动设备上显示，因此无法正确呈现。这已通过图像中的“移动设置”解决，然后将移动设备切换到自定义主题 - 与桌面相同的主题。
我现在在我的 blogspot 中使用 angular，您可以查看此链接 irobohawk.blogspot.com