码迷,mamicode.com
首页 > Web开发 > 详细

点击div 跳转并通过URL传参

时间:2017-01-05 18:08:41      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:url   data-   use   users   style   绑定   attr   panel   htm   

点击div前要先给div绑定要传的参数:

//给panel绑定自定义属性,方便在跳转时传带参数,键/值对排列
        panel.attr("user_age",user_age);
        panel.attr("user_name",user_name);
        panel.attr("user_sex",user_sex);
        panel.attr(‘user_problem_dec‘,user_problem_dec);
        panel.attr(‘user_img_src‘,img_src);

点击动作发生时,要把绑定的参数的值取出来,以URL传参的方式传递参数

//根据data-id跳转
    $(‘div[data-id = problemList]‘).click(function() {
        //取出绑定的自定义属性的值
        var userName = $(this).attr("user_name");
        var userAge = $(this).attr("user_age");
        var userSex = $(this).attr("user_sex");
        var userProblemDec = $(this).attr(‘user_problem_dec‘);
        var userImgSrc = $(this).attr(‘user_img_src‘);
        window.location.href = "doctor_ask_problem.html?userId=" + ‘aaaa‘ + ‘&userName=‘ + userName + ‘&userAge=‘ + userAge + ‘&userSex=‘ + userSex + ‘&userProblemDec=‘ + userProblemDec;
    });

 

点击div 跳转并通过URL传参

标签:url   data-   use   users   style   绑定   attr   panel   htm   

原文地址:http://www.cnblogs.com/baiyygynui/p/6253292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!