BlogSpot中的JavaScript/jquery无法在移动浏览器中工作

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

该页面是here。基本上，在按下一个按钮对象后，JQuery用.html（）函数填充DIV，使得DIV的大小增大，我认为这是问题所在。

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

2013-04-07 Dave

这里的问题是，博客加载移动设备和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。

来源

2013-04-07 02:48:38

谢谢，我明天再试一次！ – Dave 2013-04-07 03:30:16

它看起来像我需要在HTML模板中做这个标记，并禁用移动版本，为此工作。不完全是我所希望的 - 也许Blogger有一天会有移动模板编辑 - 但我学到了很多东西。谢谢你的帮助。 – Dave 2013-04-07 13:23:09

移动模板的编辑可以通过模板部分提供的单个模板编辑选项完成。手机模板代码只是在特殊的博客条件标签内。 @Dave你可以删除最好的答案标记，以获得更好的答案，这可以帮助你更有效率:) – 2013-04-07 15:00:39

由于@Deepak Kamat stated ..它甚至不会，如果你把JavaScript代码里面

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

所有你需要做的是选择合适的移动模板，在这种情况下工作，我相信你已对您的桌面模板进行了一些更改，因此您必须从手机模板下拉列表中选择“自定义”

来源

2015-05-24 09:23:44

BlogSpot中的JavaScript/jquery无法在移动浏览器中工作

回答

相关问题