Página inicial Explorar Ajuda
Entrar
wordpress
/
duoshuo-ua
mirror de https://github.com/gera2ld/duoshuo-ua.git
2
0
Fork 0
Arquivos Issues 0 Wiki
Ver código fonte

improved loading method, fixed #1

Signed-off-by: Gerald <gera2ld@163.com>
Gerald 10 anos atrás
pai
272d69e5b6
commit
507f04efde
4 arquivos alterados com 25 adições e 18 exclusões
Visão unificada Mostrar estatísticas do Diff
  1. 7 9
      README.md
  2. 1 1
      dist/duoshuo-ua.min.js
  3. 16 7
      src/duoshuo-ua.js
  4. 1 1
      test/example.html

+ 7 - 9
README.md
Ver arquivo 

@@ -7,7 +7,7 @@
 
 
 
 使用方法
 
 使用方法
 
 ---
 
 ---
 
-duoshuoQuery中可以定义`myId`和`getUAString`函数：
 
+duoshuoQuery中可以定义`myIds`和`getUAString`函数：
 
 * myIds：是站长自己的多说数字id，可以有多个，用于区分站长的回复，并可在`getUAString`中加上不同的标记，如不定义则不会对站长回复进行区分。
 
 * myIds：是站长自己的多说数字id，可以有多个，用于区分站长的回复，并可在`getUAString`中加上不同的标记，如不定义则不会对站长回复进行区分。
 
 * getUAString：是对每条留言显示内容进行处理的函数，默认将加上操作系统和浏览器的显示。
 
 * getUAString：是对每条留言显示内容进行处理的函数，默认将加上操作系统和浏览器的显示。
 
 
 
@@ -15,28 +15,26 @@ duoshuoQuery中可以定义`myId`和`getUAString`函数：
 
 <html>
 
 <html>
 
 <head>
 
 <head>
 
 
 
-<!-- 第1部分：必须写在后2部分的前面 -->
 
-<script>var duoshuoQuery={short_name:'test',myIds:[1234567]};</script>
 
-
 
-<!-- 第2部分：加载duoshuo-ua.min.js -->
 
+<!-- 第1部分：在embed.js之前加载duoshuo-ua.min.js -->
 
 <script src=dist/duoshuo-ua.min.js></script>
 
 <script src=dist/duoshuo-ua.min.js></script>
 
 
 
-<!-- 第3部分：也可写成异步加载，请写在第2部分后面 -->
 
+<!-- 第2部分：也可写成异步加载，请写在第1部分后面 -->
 
+<script>var duoshuoQuery={short_name:'test',myIds:[1234567]};</script>
 
 <script src=http://static.duoshuo.com/embed.js></script>
 
 <script src=http://static.duoshuo.com/embed.js></script>
 
 
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
 
 
-<!-- 第4部分：注意class是“ds-thread-ua”！ -->
 
-<div class="ds-thread-ua" data-thread-key="example"></div>
 
+<div class="ds-thread" data-thread-key="example"></div>
 
 
 
 </body>
 
 </body>
 
 </html>
 
 </html>
 
 ```
 
 ```
 
 
 
 注：
 
 注：
 
+
 
 1. dist/duoshuo-ua.min.js是压缩后的代码，集成了CSS，无需单独加载CSS文件，如需自定义，请使用未压缩版本。
 
 1. dist/duoshuo-ua.min.js是压缩后的代码，集成了CSS，无需单独加载CSS文件，如需自定义，请使用未压缩版本。
 
-1. 第4部分中`class="ds-thread-ua"`，将被duoshuo-ua进行识别，确保duoshuo-ua完成初始化以后再显示评论，如果是duoshuo-ua初始化以后的动态加载则应写成`class="ds-thread"`。
 
+1. 此版本使用`Object.defineProperty`，仅支持IE9+。
 
 
 
 效果可参见：<http://geraldl.net/about>
 
 效果可参见：<http://geraldl.net/about>

Diferenças do arquivo suprimidas por serem muito extensas
+ 1 - 1
dist/duoshuo-ua.min.js


+ 16 - 7
src/duoshuo-ua.js
Ver arquivo 

@@ -102,7 +102,7 @@
 
 			(local.webmaster?'<div class=ds-webmaster>站长</div>':'');
 
 			(local.webmaster?'<div class=ds-webmaster>站长</div>':'');
 
 	}
 
 	}
 
 	function callBefore(local,args){
 
 	function callBefore(local,args){
 
-		var e=args[0],id,myIds=duoshuoQuery.myIds||duoshuoQuery.myId||[];
 
+		var e=args[0],id,myIds=duoshuoQuery.myIds||[];
 
 		if(args.length==1)	// embed.unstable.js
 
 		if(args.length==1)	// embed.unstable.js
 
 			e=e.post;
 
 			e=e.post;
 
 		local.agent=parseAgent(e.agent);
 
 		local.agent=parseAgent(e.agent);
 
@@ -126,11 +126,20 @@
 
 			callAfter.call(this,local,args);
 
 			callAfter.call(this,local,args);
 
 			return local.result;
 
 			return local.result;
 
 		}
 
 		}
 
-		DUOSHUO.jQuery('.ds-thread-ua').removeClass('ds-thread-ua').addClass('ds-thread');
 
 	}
 
 	}
 
-	var ondomready=duoshuoQuery.ondomready;
 
-	duoshuoQuery.ondomready=function(){
 
-		if(ondomready) ondomready();
 
-		init();
 
-	};
 
+	function observeProperty(item,key,callback){
 
+		var value=undefined;
 
+		if(item[key]) callback();
 
+		else Object.defineProperty(item,key,{
 
+			get:function(){return value;},
 
+			set:function(val){
 
+				value=val;
 
+				callback();
 
+			},
 
+			configurable:true,
 
+		});
 
+	}
 
+	observeProperty(window,'DUOSHUO',function(){
 
+		observeProperty(DUOSHUO,'templates',init);
 
+	});
 
 }();
 
 }();

+ 1 - 1
test/example.html
Ver arquivo 

@@ -8,6 +8,6 @@
 
 		<script src=http://static.duoshuo.com/embed.unstable.js></script>
 
 		<script src=http://static.duoshuo.com/embed.unstable.js></script>
 
 	</head>
 
 	</head>
 
 	<body>
 
 	<body>
 
-		<div class=ds-thread-ua data-thread-key="your_key"></div>
 
+		<div class=ds-thread data-thread-key="your_key"></div>
 
 	</body>
 
 	</body>
 
 </html>
 
 </html>