1、jQuery動態根據內容設置下拉框selected
需求就是根據下拉框的值動態的設置為selected,本以為很簡單,網上一大推的方法,挨着嘗試了之后卻發現沒有一個是有用的。網上的做法如下:
<select id="selectID ">
<option>選擇A</option>
<option>選擇B</option>
<option>選擇C</option>
</select>
// 方法一:
$("#selectID option[text='選擇B']").attr("selected", "selected");
// 方法二:
$("#selectID ").find("option[text='選擇B']").attr("selected",true);
// 方法三:也有人說高版本的jquery應該寫成下面的樣子
$("#selectID option[text='選擇B']").prop("selected", true);
不管是用什么方法都不起作用,繼續查找更多資料后上面這些方法在jquery低於1.4.2的版本(含)中有效,在更高版本中無效!!!
注意!!!上面的方法均不起作用,有效的方法如下:
解決一:精確匹配,選擇文本與所給字符串完全一樣的option。(這個方法的也是沒有嘗試過,是否有效有待驗證)
$('#selectID option').filter(function(){return $(this).text()=="選擇B";}).attr("selected",true);
解決二:子串匹配,選擇文本包含所給字符串的option。
$("#selectID option:contains('選擇B')").attr('selected', true);
2、struts2的action中的方法重復執行的原因
struts2中使用json插件(struts2-json-plugin)執行ajax處理時,如果方法名是get方法的時候,方法會莫名其妙的執行兩次。
各種debug都找出原因在哪里,差點以為自己寫的代碼中邪了。又是繼續百度之后,找到的問題的原因
原因:struts2 中JSON的原理是在ACTION中的get方法都會序列化,前面是get的方法只要沒指定不序列化,都會在序列化時再執行一次。
解決方法:
1、Action中的業務方法前不要以get開頭 (屬性的get set 除外)
2、用@JSON(serialize=false)指定方法不序列化 (此辦法沒有親自實現,僅供參考)
沒有嘗試添加注解的方式解決問題(因為改方法名更方便,並且get開頭的方法名也不規范),所以以后在給方法起名字的時候,還是要十分注意,不要造成不必要的麻煩。
3、獲得userAgent(用戶代理)的方法
通過userAgent可以判斷用戶當前操作的是桌面端設備還是移動設備,可以根據不同的設備進行適配。
js獲取的方法:
var userAgent = navigator.userAgent
java后台寫法:request為HttpServletRequest
String userAgent = request.getHeader("User-Agent");
4、css實現兩端對齊的3種方法
本人是一個css渣,就不在這里班門弄斧了,給個傳送門,可以參考這位大神的講解,文末也有移動端文本兩端對齊示例,可以說是非常好的學習資料了。
傳送門:css實現兩端對齊的3種方法
5、移動端模態框彈出,禁止底層滑動
//模態框彈出后,給主頁面綁定觸摸事件,阻止滑動
$('#main').unbind();
$('#main').on('touchmove', function(ev) {
ev.preventDefault()
});
//模態框關閉后,打開滑動,給關閉按鈕添加事件
$('#btnRyoushou').unbind();
$("#btnRyoushou").click(function(){
$('#main').unbind('touchmove');
});