十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
用jquery实现的简单数据双向绑定:
我们提供的服务有:成都网站建设、成都网站设计、微信公众号开发、网站优化、网站认证、衡南ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的衡南网站制作公司
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到你的网页中。
然后通过$("#divID").load("URL", "需要post的数据");
例如:
function testLoadData() {
$("div id='myDIV'/div").appendTo($("body"));
$("#myDIV").load("需要加载数据的地址(URL)", "post的数据,需要转换成JSON");
}
input type="button" onclick="testLoadData()" ....
这样能给你一个大概的思路,希望能帮你解决问题哈。
首先要确定你的ajax是否正确返回了值,如果有返回值那就应该是字符串。
如果是json用的字符串话,需要转一下rs=JSON.parse(rs)。
当页面加载的时候你就可以先将那个所谓动态数据加载到每个DIV下的浮动层。。当然是隐藏的。
鼠标放上去的时候直接显示到各DIV的对应位置就好了。
如果你非要鼠标放上去再加载数据那就是AJAX了。。大致思路就是各DIV的mouseover方法执行AJAX的远程调用方法获取数据再取回到这个浮动层显示。。