jquery结合js实现向后台发送请求，给页面动态添加内容，并给动态添加的内容添加事件
.html内容如下：
            <button class="btn btn-md customButton" id="add_red_envelope">添加红包</button>
            <div >
                <label>其他推荐(可选):</label>
                <ul id="recommendTime">
                   
                </ul>
            </div>
            <br />
            <div>
                <label>可发红包数:</label>
                <ul id="RedBagMaxNum">
                  
                </ul>
            </div>
目的：前端点击button，向后台请求数据，动态添加到两个ul里面

jquery代码：
$("#add_red_envelope").click(function(){
	var url = globalConfig.pre_api_url +"/wxwall_api/redbag/check_redbag.php";
        var hour = $('#startHour option:selected').val();
        var minute = $('#startMinute option:selected').val();
        var date = new Date();
	    var seperator = "-";
	    var year =  date.getFullYear();     //获取年份
	    var month = date.getMonth() + 1;    //月份是从0-11，所以获得月份后要加1才是当前的月份
	    var strDate = date.getDate();       //日期
	    var currentDate  = '';
	    var start_time = '';
	    var data = {};
	    if (month >= 1 && month <= 9) {
	        month = "0" + month;
	    }
	    if (strDate >= 0 && strDate <= 9) {
	        strDate = "0" + strDate;
	    }
	    currentDate = year + seperator + month + seperator + strDate;
	    // 显示日期输入框的值
	    $("#currentDate").val(currentDate);
	    start_time = currentDate + ' ' + hour + ':' + minute;
	    data = {
	    	"start_time":start_time,
	    };
	    //请求初始化数据
	    request(url,data,function(res){
	    	var selected_data = res.data.selected_data;
	    	var recomm_datas = res.data.recomm_datas;
	    	var len = recomm_datas.length;
	    	var recommendTimes = [];
	    	var recommendNums = [];
	    	// 添加推荐时间和可发红包数
	     	for(var i=0;i<len;i++){
	    		var dateAndTime = recomm_datas[i].recomm_time.trim().split(" ");
	    		var recommTimeList = '<li class="other_recommend" οnclick="chooseTime(this);" id="'+i+'">' + dateAndTime[1] + '</li>';
	    		var M_redbag_left = recomm_datas[i].M_redbag_left;
	    		var M_n = recomm_datas[i].M_n;
	    		var redBagLeftList = '<li class="number" id="num'+i+'">' + M_n + '</li>';
	    		$("#recommendTime").append(recommTimeList);
                	$("#RedBagMaxNum").append(redBagLeftList);
	    	}

	    	$('#leftRedBag').text(selected_data.M_redbag_left);

	        // 显示表单form和footer
		$("form").css("display","block");
		$("footer").css("display","block");

			
	    });	    
});
动态添加的内容如for循环语句里面所示。
动态添加内容效果如下：


功能：每次向后台请求到的数据长度不一样，即Li个数不一样。给第一个ul中的每个li定义点击事件，选中该Li就改变样式
同时改变另一ul对应的li样式，效果如下：


js实现该功能：
1、给第一个ul中的每一个li定义点击事件 ：οnclick="chooseTime(this)",this传的是节点本身；同时定义id，id就用for中的i对应（考虑要改变另一个ul中对应的li的样式） 
            //请求初始化数据
	    request(url,data,function(res){
	    	var selected_data = res.data.selected_data;
	    	var recomm_datas = res.data.recomm_datas;
	    	var len = recomm_datas.length;
	    	var recommendTimes = [];
	    	var recommendNums = [];
	    	// 添加推荐时间和可发红包数
	     	for(var i=0;i<len;i++){
	    		var dateAndTime = recomm_datas[i].recomm_time.trim().split(" ");
	    		var recommTimeList = '<li class="other_recommend" οnclick="chooseTime(this);" id="'+i+'">' + dateAndTime[1] + '</li>';
	    		var M_redbag_left = recomm_datas[i].M_redbag_left;
	    		var M_n = recomm_datas[i].M_n;
	    		var redBagLeftList = '<li class="number" id="num'+i+'">' + M_n + '</li>';
	    		$("#recommendTime").append(recommTimeList);
                	$("#RedBagMaxNum").append(redBagLeftList);
	    	}

	    	$('#leftRedBag').text(selected_data.M_redbag_left);

	        // 显示表单form和footer
		$("form").css("display","block");
		$("footer").css("display","block");

			
	    });	   

2、定义函数：chooseTime(node)
  chooseTime = function(node) {
		nodeId = node.id; 
		if(flag == 0){
			// 页面渲染完成，首次点击推荐时间,不需要判断节点是否有选中属性
			flag = 1;                           // 用于解决页面初始化完成时lastSelectedTimeNode为空，不会具有属性的问题                       
			//node.addClass('active1');         //      ？？？为什么这个总是提示出错呢
			$('#'+ nodeId).addClass('active1');
			$('#num'+ nodeId).addClass('active2');
			lastSelectedTimeNode = nodeId;       //保存该节点，用于下次点击事件用
		}else{
			// 不是首次点击
			if( $('#'+nodeId).hasClass('active1') ){
				lastSelectedTimeNode = nodeId; 
			}else{
				//修改node和lastSelectedTimeNode的颜色
				$('#'+lastSelectedTimeNode).removeClass('active1');
				$('#num'+lastSelectedTimeNode).removeClass('active2');
				$('#'+nodeId).addClass('active1');
				$('#num'+ nodeId).addClass('active2');
				//再把node赋值给lastSelectedTimeNode
				lastSelectedTimeNode = nodeId;
			}
		}
		
}
如上面代码所示：页面首次渲染完成，首次点击推荐时间,不需要判断节点是否有选中属性，直接给选中li添加样式，同时保存   当前点击li的id，用于下次点击事件； 不是首次点击，如果当前点击和上次点击是同一个li就不需要做处理；否则 去掉上次的li添加的样式，给当前li 添加样式，并保存当前li的id

注意：在给页面动态添加内容节点之前，要将其父节点下的子节点移除掉，否则会产生意外的问题，比如给动态添加的某个节点赋予事件，而该节点又有id，那么当在页面不刷新的情况下，执行多次该代码，就会产生执行该节点的事件函数，但是并没有达到想要的效果。
原因：在不刷新界面的前提下，当多次添加同样的节点给当前界面，如果给某节点赋予id，那么body里面就会拥有多个相同id的节点，而在htnl里面每个节点都只能有一个id，且这个id在该页面只能出现一次，否则在事件处理函数中就会产生问题

在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法:
// 1.  在模板引擎里面添加行内事件 
// 2.  利用事件的委托获取(常用)
// 3.  在ajax的监听响应完成函数后面获取

一  在模板引擎里面添加行内事件
添加行内事件就是在标签里面添加事件,这样就可以直接获取到动态添加的元素.
<!-- 1.准备一个模板 -->
    <script id="tpl-table" type="text/html">
        {{ each rows value key }}
            <tr>
                <td>
					<button type="button" onclick="updateUser({{ value.id }} {{@ ','}} {{value.isDelete}})" id="btn-status" >按钮</button>
                </td>
            </tr>
        {{ /each }}
    </script>
    
    //事件函数,书写在单独的JS文件中
    //带有参数,参数是模板传递过来的
    function updateUser (id,isDelete){
    	
    	//doSomething.........
    }

上面使用的模板是art-template,在模板里面我们给button标签注册了点击事件onclick,但是事件函数却是一个带参数的函数.当点击这个按钮的时候,就会触发点击事件,进而调用updateUser()函数.
二.  利用事件的委托获取(常用)
事件的委托可以为动态添加的元素绑定事件.
//同样以上面的代码为例,tr最后是添加到table中,那么将点击事件委托给table

$('table').on('click','tr #btn-status',function(){
	//doSomething........
})

上面的代码意思是,将点击事件绑定给table元素,但是我们点击的是table里面的button按钮,此时事件的冒泡起作用,向外冒泡遇到父元素table也有点击事件,那么就会去执行这个事件.
三 在ajax的监听响应完成函数后面获取
当我们把模板渲染出来的时候,此时页面上已经是最新的动态元素了,DOM也已经重绘完成,此时再去获取动态元素.
$.ajax({
	url : 'text.php',
	dataType : 'json',
	success : function(obj){
		//渲染动态元素到页面上
		var trHTML = template('tpl-table',obj);
		$('table').append(trHTML);
		
		//获取动态元素注册点击事件
		$('tr #btn-status').on('click',function(){
			//doSomething........	
		});
	}
})

四 总结:
第一种方法要注意事件函数必须是全局函数;第二种最常用,但是三者的共同点都是当页面已经渲染完毕后才能获取到动态元素.

目的：在网页设计的过程中，有时候我们需要获取动态添加的节点的id，从而设置相应的属性或者事件。
方法：可以给动态添加的内容加上一个不显示的input，将其value设置为后台传过来的数据的某一个变量值。
如：'<input type="hidden" value="'+activity_id+'" name="activity_id" />'
var li_str ='<li class="panel_content" id="activity'+activity_id+'">'+
            	'<input type="hidden" value="'+activity_id+'" name="activity_id" />'+
	            '<div class="content">'+
	                '<p class="p1"><strong >'+title+'</strong></p>'+
	                '<a id="entry'+activity_id+'" class="entry" οnclick="handleEntryEvent(this)">进入</a>'+
	            '</div>'+
	            '<div class="content">'+
	                '<p id="leftStatus'+activity_id+'" class="p1">'+info+'</p>'+
	                '<a id="'+activity_id+'" class="entry" οnclick="handleEndedActivity(this)">'+activity_status+'</a>'+
	            '</div>'+
	            '<div class="content content1">'+
	                '<p class="p1 font1">'+create_time+'</p>'+
	                '<a class="entry" οnclick="set(this);" id="set'+activity_id+'">设置</a>'+
	            '</div>'+
	        '</li>';
$("#ul_panel_content").append(li_str)
activity_id是从后台发回来的数据，值形式为“1”或者“2”等等。
现在我们用：<input type="hidden" value="'+activity_id+'" name="activity_id" />,
目的：现在想要获取到这个节点的id，对其定义事件
 '<a id="entry'+activity_id+'" class="entry" οnclick="handleEntryEvent(this)">进入</a>'
思路：通过获取到input的value，从而得到 activity_id，进而得到节点的id
函数 handleEntryEvent(this)的js代码如下：这里的this是节点本身
      // 处理”进入“按钮事件
	handleEntryEvent = function(node){
		var parents = node.parentNode.parentNode;
		var child = parents.children;
		console.log(child);
		var input_obj = child[0];
		var activ_id = input_obj.value;  //注意这里写的是js，不是在jquery框架写的，所以用Input_obj.val(),提示，input_obj.val is not a function
		var url =  globalConfig.pre_api_url + "/wall/index.php?activity_id=" + activ_id;
		var entry_obj = $("#entry"+activ_id);
		entry_obj.attr("target","_blank");
		entry_obj.attr("href",url)
	}
通过 activ_id = input_obj.value 就可以得到activity_id的值了，从而得到点击节点的id：entry_obj = $("#entry"+activ_id)

添加贴图

unity的Asset文件夹下新建文件夹Resources，在Resources下创建文件夹Textures。把texture.png文件放入文件夹Textures下.
// 方法1：
// 注意：Resources.Load()只能在Resources文件夹下读取，别的不行，所以该路径名默认在Asset/Resources下，且texture不要加文件后缀
this.gameObject.GetComponent<MeshRenderer>().Material.mainTexture=(Texture)(Resources.Load("Textures/texture"));

// 方法2：
this.gameObject.GetComponent<MeshRenderer>().material.mainTexture = new WWW("file://C:\\Users\\Desktop\\ProceduralGrid\\Assets\\Resources\\Textures\\texture.png").texture;


添加材质

在文件夹ResourcesResources下创建文件夹Materials。把材质球文件cubeMat放入文件夹Materials下.
材质球文件建立：

Materials文件夹右键->Create->Material产生名称格式为New Material的材质，重命名cubeMat。
// 添加材质
GameObject.Find("game").GetComponent<MeshRenderer>().material = Resources.Load<Material>("Materials/cubeMat");

3.给材质的shader赋贴图
// 找到材质的shader
GameObject.Find("game").GetComponent<MeshRenderer>().material.shader = Shader.Find("Custom/MixedTexturesHalfLambert");
// 设置由shader属性表示的材质面板上的贴图,"_MainTexture"是shader属性名
GameObject.Find("game").GetComponent<MeshRenderer>().material.SetTexture("_MainTexture", (Texture)Resources.Load("Textures/TerrainRock"));