大蕉 » jquery

jqtouch使用和bug

admin — Wed, 06 Jan 2010 07:33:41 +0000

发现了一个非常好的jQuery插件jQTouch。这个插件是帮助你方便开发iphone上的浏览器上的web程序。使它的操作像原生的Iphone程序有良好的界面和操作交互。

我使用了他帮朋友搞左个应用，你可以使用iphone或者ipod touch访问 http://www.goflytoday.com 就可以访问到该应用了。如果你没有iphone的话，可以使用Apple Safari浏览器去访问这个网址体验一下效果，其效果基本和iphone差不多，只是有小许细节不一样(google android的手机都可以，我用hero试过，速度比较慢)。其他浏览器就不行。

我使用的是jqtouch-1.0-beta-2-r109.zip这个版本。发现有一个bug。这个bug主要表现是当列表跳转的链接为空的时候，用户点击该链接的时候，连接会成另外一种状态后不会自动恢复原来的状态。
(全文…)

请看看相关文章

Dynamically loading Google Maps API V3 by JQuery

admin — Wed, 25 Nov 2009 10:26:20 +0000

发觉google的一些应用的javascript接口API的的js文件下载有时候会比较慢，会影响网站的加载。好像Google Map API v3的js下载经常都比较慢，影响整体网页的显示效果。所以今天特别研究动态载入javascript文件。网上搜索了一下，无非都是那几个方法。不过我发现JQuery本身就自带一个动态下载javascript文件的函数，无需用一些插件。
jQuery.getScript( url, [callback] ) 官方说明

非常容易加重js文件，1.2版本之后就可以支持跨域下载javascript文件。

于是我就用了动态加载Google Map API v3的javascripte文件。

1
2
3

$.getScript("http://maps.google.com/maps/api/js?sensor=false",function(){
alert("Script loaded and executed.");
});

虽然显示了警告信息”Script loaded and executed.”，页面变成了空白页面了，真是不解。开始怀疑JQuery的.getScript的问题，于是试了官方的示范例子，并没有问题。于是修改官方例子动态下载google map api的js。同样页面也变成了空白页。

估计应该是google map api v3的api问题，观看了http://maps.google.com/maps/api/js?sensor=false的源代码
(全文…)

请看看相关文章

jquery-ui-1.7.1 new tabs and close tabs by self

admin — Tue, 07 Apr 2009 07:49:27 +0000

最近研究jquery-ui-1.7.1的tabs的使用。之前都有用开ext的tabs的。由于觉得ext的库比较大，而且我不需要ext那么强大的库。我需要简单好用够用就可以了。jquery和它的ui库比较适合我的需求。但是jquery ui的tabs库从开始追踪到现在。tabs的控件都没带上自动关闭按钮。虽然新的api中有remove事件和方法。经过一番研究。经过tabs自身的一些api进行了定制，实现带有关闭按钮的tabs的控件。
思路大概如下：
tabs的有一个属性tabTemplate是设置tab标签头的模板的。在模板中增加一个关闭按钮。然后在tabs的添加（add）的事件中增加该按钮的事件，在事件中关闭本tabs标签。

(全文…)