想用js或jquery来实现当鼠标滑过列表时指中或点击列表中的项名称字段自动动态弹出div

如题,如下图,想用js或jquery来实现当鼠标滑过列表时指中或点击列表中的项名称字段自动动态弹出右边的div层,里面的数据是动态加载进入的,改如何实现,最好有模板,谢了

模板应该没有,不过可以写个给你参考一下:

<div id="goodFood">餐饮美食</div>
<div id="foodContent"></div>
<srcipt>
function getContent(type){
jQuery.ajax( {
type : 'POST',
contentType : 'application/json',
url : '/getContent',//你后台的路径
data : type,
success : function(data) {
    //将后台获取的数据动态填充到食物内容列表中
    $("#foodContent").html(data);
},
});
}
$(document).ready(function(){
    $("goodFood").hover(function(){
        //1是type,可以约定好,比如1就代表了餐饮美食,传到后台去,返回数据就行
        getContent(1);
        $("#foodContent").show();
    },function(){
        $("#foodContent").hide();
    })
    $("foodContent").hover(function(){
        $("#foodContent").show();
    },function(){
        $("#foodContent").hide();
    })
});
</script>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-02-26
这个要用到ajax

相关了解……

你可能感兴趣的内容

大家正在搜

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网