用jquery實現(xiàn)的簡單數(shù)據(jù)雙向綁定:
我們提供的服務有:成都網(wǎng)站建設、成都網(wǎng)站設計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、衡南ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的衡南網(wǎng)站制作公司
function DataBinder(object_id){
var pubSub = jQuery({});
var
data_attr = "bind-"+object_id,
message = object_id+":change";
jQuery(document).on("change","[data-" + data_attr +"]",function(evt){
var $input = jQuery(this);
pubSub.trigger(message, [$input.attr("data-"
+ data_attr), $input.val()]);
});
pubSub.on(message,
function(evt,prop_name,new_val){
jQuery("[data-" + data_attr + "=" +
prop_name + "]").each(function(){
var $bound = jQuery(this);
if($bound.is("input,textarea,select")) {
$bound.val(new_val);
}
else{
$bound.html(new_val);
}
});
});
return pubSub;
}
......
$('#cc').combobox();
input id="cc" class="easyui-combobox" data-options="
valueField: 'label',
textField: 'value',
data: [{
label: 'java',
value: 'Java'
},{
label: 'perl',
value: 'Perl'
},{
label: 'ruby',
value: 'Ruby'
}]" /
如果這樣寫還不行的話,估計就要檢查一下js文件的路徑, 還有jquery的版本跟那個符合不符合。
下載jquey easy ui的時候, 里面有個 demo文件夾, 里面有combobox的例子, 你可以跟你的對比一下, 或者直接把你的代碼拷貝進去看看能不能出來。
首先,你要構造一個DIV,把DIVappend到你的網(wǎng)頁中。
然后通過$("#divID").load("URL", "需要post的數(shù)據(jù)");
例如:
function testLoadData() {
$("div id='myDIV'/div").appendTo($("body"));
$("#myDIV").load("需要加載數(shù)據(jù)的地址(URL)", "post的數(shù)據(jù),需要轉換成JSON");
}
input type="button" onclick="testLoadData()" ....
這樣能給你一個大概的思路,希望能幫你解決問題哈。
首先要確定你的ajax是否正確返回了值,如果有返回值那就應該是字符串。
如果是json用的字符串話,需要轉一下rs=JSON.parse(rs)。
當頁面加載的時候你就可以先將那個所謂動態(tài)數(shù)據(jù)加載到每個DIV下的浮動層。。當然是隱藏的。
鼠標放上去的時候直接顯示到各DIV的對應位置就好了。
如果你非要鼠標放上去再加載數(shù)據(jù)那就是AJAX了。。大致思路就是各DIV的mouseover方法執(zhí)行AJAX的遠程調用方法獲取數(shù)據(jù)再取回到這個浮動層顯示。。