control.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. // 添加公共UI
  2. addUI("control",function(){ //加载control回调
  3. var controlObj = new controlF();
  4. $("#control").show();
  5. controlSuccess()//load完公共部分在load其他
  6. });
  7. function controlF(){
  8. function lang(){ //语言初始化
  9. $("#control nav a:eq(1)").text(currentLang.co0000)
  10. $("#control nav a:eq(2)").text(currentLang.co0001)
  11. $("#control nav a:eq(3)").text(currentLang.co0002)
  12. $("#control_search .title").text(currentLang.co0003)
  13. $("#control_search .input>div>p>input").prop("placeholder",currentLang.co0004)
  14. $("#control_search .hot .tit").text(currentLang.co0005)
  15. }
  16. lang();
  17. //搜索按钮
  18. $("#control header .search")[0].onclick=function(){
  19. var blockArr = $("#uiLayer>div").not('#control')
  20. for (var i = 0; i < blockArr.length; i++) {
  21. if ($(blockArr[i]).css('display')=="block") {
  22. var block = $(blockArr[i])
  23. }
  24. }
  25. blockArr.fadeOut("1000",function(){
  26. $("#control_search").fadeIn("1000");
  27. });
  28. //myEndFunction_focus动画完成后的回调
  29. var x = $("#control_search .input>div>span")[0];
  30. x.addEventListener("webkitAnimationEnd", myEndFunction_focus);
  31. x.addEventListener("animationend", myEndFunction_focus);
  32. $("#uiLayer footer").hide("slow");
  33. var footer = $("#uiLayer footer").detach()
  34. function myEndFunction_focus() {
  35. $("#uiLayer").append(footer);
  36. $("#uiLayer footer").fadeIn("slow");
  37. $("#control_search .input>div>p>input")[0].focus()
  38. }
  39. // 关闭搜索UI
  40. $("#control_search .input>div>span")[0].onclick=function(){
  41. $("#control_search").fadeOut("1000",function(){
  42. if (typeof block != "undefined"){
  43. block.fadeIn("1000");
  44. }else{
  45. window.location.reload();
  46. }
  47. })
  48. }
  49. }
  50. //头像按钮
  51. $("#control header .avatar")[0].onclick=function(){
  52. console.log("头像按钮")
  53. }
  54. //购物车侧拉按钮
  55. $("#control header .cart")[0].onclick=function(){
  56. console.log("购物车侧拉按钮")
  57. }
  58. //菜单侧拉按钮
  59. $("#control header .menu")[0].onclick=function(){
  60. $("#control_menu").css('display', 'block');
  61. // 语言---------------------------------------------
  62. var lanM = GetQueryString(languageMark);
  63. var en = $("#control_menu .one td.lan_en");
  64. var cn = $("#control_menu .one td.lan_cn");
  65. if (lanM==null) {
  66. en.addClass('in');
  67. Lanclick()
  68. }else if (lanM==1) {
  69. cn.addClass('in');
  70. Lanclick(1)
  71. }
  72. function Lanclick(inde){
  73. en[0].onclick = function(){
  74. if (inde==1)return;
  75. var url = window.location.href;
  76. if (url.indexOf("?")>0) {
  77. var url = url+"&languageMark=0"
  78. }else{
  79. var url = url+"?languageMark=0"
  80. }
  81. window.location.href=url;
  82. }
  83. cn[0].onclick = function(){
  84. if (inde==1)return;
  85. var url = window.location.href;
  86. if (url.indexOf("?")>0) {
  87. var url = url+"&languageMark=1"
  88. }else{
  89. var url = url+"?languageMark=1"
  90. }
  91. window.location.href=url;
  92. }
  93. }
  94. // 语言---------------------------------------------end
  95. // 货币---------------------------------------------
  96. var tdArr = $("#control_menu .one td.money");
  97. for (var i = 0; i < tdArr.length; i++) {
  98. // 闭包特性循环绑定
  99. (function(){
  100. var p = i;
  101. tdArr[i].onclick=function(){
  102. tdArr.not( $(tdArr[p]) ).removeClass('in');
  103. $(tdArr[p]).toggleClass('in');
  104. }
  105. })();
  106. }
  107. // 货币---------------------------------------------end
  108. $("#control_menu .shut")[0].onclick=function() {
  109. $("#control_menu").css('display', 'none');
  110. }
  111. }
  112. }