﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>19~Blog &#124; &#187; jquery</title>
	<atom:link href="http://www.ll19.com/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ll19.com</link>
	<description>今天总是好过昨天~原来，冥冥之中，自有天意。</description>
	<lastBuildDate>Fri, 03 Feb 2012 10:46:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>jQuery—UI的一些使用记录</title>
		<link>http://www.ll19.com/jquery_ui.html</link>
		<comments>http://www.ll19.com/jquery_ui.html#comments</comments>
		<pubDate>Sun, 21 Aug 2011 13:16:54 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=222</guid>
		<description><![CDATA[相对于jQuery无论是工作还是自己的站点都在经常使用，但是jQuery UI还真没怎么好好接触过，现在UI的最新版本已经是1.8了，就更新速度来说远快于jQuery本身。最近稍微学习了一下，做了几个例子。 就我接触过的很多项目还都是使用EXT做一些WEB方面的富客户端界面及应用（基本都用于业务系统的后台管理），EXT确实很强大，不过缺点也是显而易见。众所周知的就是EXT类库太重，如果系统是内网使用到还好说，放在外网的话光加载速度都是一个很大的问题。如果需要对EXT的体积进行优化，不是对EXT特别了解，优化后也很容易出错。 再有就是对程序员本身来说，这类封装太重的东西使用起来对自己的提高到底是好是坏，调用EXT实例确实简单，随便几句一个很漂亮的页面就出来了（甚至连HTML你都不用会），但真正自己写的代码少之又少，脱离这个环境之后就完全不知道如何下手，导致现在的程序员越来越“低端”，当然做项目就是要讲究效率，这话仁者见仁智者见智吧。 相比较EXT我个人感觉jQuery做的就比较好，体积远小于EXT，并且只提供了相对基础的功能，对比EXT来说开发人员本身还是要写很多其它代码，这也是我比较推崇jQuery的原因。 魔兽相关 Blogroll 19的链接 Computer window_aside &#160; Name Link window_main_loading 进入主题，左边的三个图标就是UI应用的例子之一，jQueryUI主要分为三部分Interactions（交互）、Widgets（组件）、Effects（效果），左边的例子主要用到它Interactions中的Draggable（拖放）及Resizable（调整大小）。图标可以拖动，双击之后弹窗显示wordpress的分类链接，弹出的窗口同样可以拖动、调整大小。 例子主要参考了http://desktop.sonspring.com/提供的jQuery桌面。这个桌面示例和EXT的桌面比起来也丝毫不逊色，可以把此例作为学习UI的入门例子。可能当初我把WEB实现桌面界面想复杂了，其实整个例子就主要使用了Draggable和Resizable，甚至连UI的CSS都没有引入（仅自定义了几个draggable和resizable的样式），自己所写的CSS和JS也并不算多。 如果可能需要用到UI所有功能，则直接引入jquery-ui-1.8.14.custom.min.js及jquery-ui-1.8.14.custom.css（包括images文件夹），相比较EXT来说UI的体积已经是相当小了，并且对应CSS修改默认样式也很方便，下面是部分UI功能的简要记录： try {jQuery(document).ready(function() { JQD.go();});} catch (e) {} Draggable Resizable Tabs Dialog Autocomplete JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动，官方的例子也提供了拖动到某区域的类似“磁铁”吸引的效果“Snap to element or grid”，好比我们经常用的QQ空间自定义拖动模块，如果项目中有此类方面的应用便可以参考此实例。下面是一个最简单的使用方法： 1 2 3 4 &#60;div id=&#34;draggable&#34; class=&#34;ui-widget-content&#34;&#62;&#60;p&#62;Drag me around&#60;/p&#62;&#60;/div&#62; &#60;script&#62; $( &#34;#draggable&#34; ).draggable(); &#60;/script&#62; 如果单独使用需要的库文件： 1 2 3 4 [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/jquery_ui.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JQUERY和XML</title>
		<link>http://www.ll19.com/jquery_xml_ajax.html</link>
		<comments>http://www.ll19.com/jquery_xml_ajax.html#comments</comments>
		<pubDate>Wed, 06 Aug 2008 10:11:20 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=112</guid>
		<description><![CDATA[JQUERY.AJAX访问XML的问题. 不是直接.ajax访问.XML后缀的文件，而是访问对数据进行简单的封装了的xml字符串（对于一般复杂结构数据的传输，像查询出的记录）~比如我下面这段用dom4j生成的XML字符串。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/jquery_xml_ajax.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JQuery-WordPress的全站Ajax加载</title>
		<link>http://www.ll19.com/jquery-wordpress-ajax.html</link>
		<comments>http://www.ll19.com/jquery-wordpress-ajax.html#comments</comments>
		<pubDate>Fri, 11 Jul 2008 21:15:37 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=104</guid>
		<description><![CDATA[利用jQuery来简单实现WordPress的全Ajax加载. 现在站点已经完成了大部分链接的AJAX加载。我的做法是因为每次打开文章只需要SINGLE部分，打开首页面之类只需要INDEX部分，所以HEADER,SIDEBAR,FOOT就加载一次就行了。 在INDEX和SINGLE的相关部分加了一句： 1 2 3 4 5 6 7 8 9 10 11 &#60;?php $glll=$_POST&#91;&#34;glll&#34;&#93;; if &#40;$glll != &#34;ajax&#34;&#41; &#123; get_header&#40;&#41;; &#125; ?&#62; &#60;?php if &#40;$glll != &#34;ajax&#34;&#41; &#123; get_footer&#40;&#41;; &#125; ?&#62; 就是说判断什么时候来读取HEADER和FOOT，一般如果从搜索引擎或者其他链接进来是不会post一个值为ajax的参数glll的，所以我们在自己页面点击的时候就可以传这个参数进来判断他不去执行HEADER,SIDEBAR,FOOT之类了。 然后在HEADER的末尾 1 &#60;div id=&#34;ajaxPost&#34; style=&#34;margin:0; padding:0;&#34;&#62; 和FOOT的最上面 1 &#60;/div&#62; 这个ID叫ajaxPost的DIV就用做每次点击链接来替换相应内容，比如我首页输出了文章的标题链接我点击他来AJAX在当前页面： 1 2 &#60;!-- 这是我的文章标题链接 --&#62; &#60;h2&#62;&#60;a href=&#34;&#60;?php the_permalink&#40;&#41;; ?&#62;&#34; id=&#34;entry-post-&#60;?php the_ID&#40;&#41; [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/jquery-wordpress-ajax.html/feed</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>jQuery简单实现WordPress的Ajax留言</title>
		<link>http://www.ll19.com/plugin-jquery-wordpress-search-ajax-comment.html</link>
		<comments>http://www.ll19.com/plugin-jquery-wordpress-search-ajax-comment.html#comments</comments>
		<pubDate>Fri, 02 Nov 2007 05:12:05 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.ll19.com/index.php/94/plugin-jquery-wordpress-search-ajax-comment/</guid>
		<description><![CDATA[利用jQuery插件(jQueryForm)来超级简单实现WordPress的ajax留言. 也有很多类似的WordPress插件，以前也用过PHOTOTYPE的AJAX留言插件，但是根据自己站的情况来做的话会省去很多不必要的代码，而且安装太多插件站点变慢也是肯定的。 jQueryForm：http://www.malsup.com/jquery/form/ ajax留言用到jQueryForm插件，jQueryForm是jQuery提交整个表单最好用的插件之一，下面一个例子（拿WP的留言表单举例）： 1 2 3 4 5 6 7 8 &#60;form action=&#34;***/***.php&#34; method=&#34;post&#34; id=&#34;commentform&#34;&#62; &#60;input type=&#34;text&#34; name=&#34;author&#34; id=&#34;author&#34; value=&#34;&#34; tabindex=&#34;1&#34;/&#62; &#60;input type=&#34;text&#34; name=&#34;email&#34; id=&#34;email&#34; value=&#34;&#34; tabindex=&#34;2&#34;/&#62; &#60;input type=&#34;text&#34; name=&#34;url&#34; id=&#34;url&#34; value=&#34;&#34; tabindex=&#34;3&#34; /&#62; &#60;textarea name=&#34;comment&#34; id=&#34;comment&#34; tabindex=&#34;4&#34;&#62;&#60;/textarea&#62; &#60;input name=&#34;submit&#34; type=&#34;submit&#34; id=&#34;submit&#34; tabindex=&#34;5&#34; value=&#34;(Submit comment)&#34;/&#62; &#60;input type=&#34;hidden&#34; name=&#34;comment_post_ID&#34; value=&#34;postid&#34; /&#62; &#60;/form&#62; 之后下面加入这段JS： 1 2 [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/plugin-jquery-wordpress-search-ajax-comment.html/feed</wfw:commentRss>
		<slash:comments>66</slash:comments>
		</item>
	</channel>
</rss>

