如何使用jquery时间线条 [英] How to using jquery time line bar

问题描述

 hi，
 
 
这个是我的脚本; 
 ---------------------- 
  var   value  =  null ; 
  var  left =  null ; 
  var  getAllvalue; 
  var  commonvalue = {}; 
 
 
（函数（$）{
 $ .fn.slideToPos = function（）{
 
  if （getAllvalue ==  卖方）{
 
 $（  .menu a.knob）。css（  left， 80 ，$（ ＃Para）。text（ 准备））; 
 $（ 。before） .css（  width， 100  ）; 
} 
  else   if （getAllvalue ==  托运人）
 {
 
 $（  .menu a.knob）。css（ < span class =code-string> left， 210 ，$（ < span class =code-string>＃Para）。text（  Dispatched））; 
 $（ 。before）。css（  width， 230 ）; 
} 
 其他 如果（getAllvalue ==   CourierOfficer）
 {
 $（  .menu a.knob）。css（  left， 440 ，$（  #Para）。text（ 在途中））; 
 $（ 。before）。css（  width， 460 ）; 
} 
 其他 如果（getAllvalue ==   DeliveryPerson）{
 $（  .menu a.knob）。css（  left， 640 ，$（  #Para).text(  OutForDelivery））; 
 $（ 。before）。css（  width， 660 ）; 
} 
  else  {
 $（  .menu a.knob）。css（  left， 20 ）; 
 $（ 。before）。css（  width， 40 ）; 
} 
 
 返回 此; 
}; 
 
 
}）（jQuery）; 
 
 
 
  var  MyLibrary = MyLibrary || （function（）{
 
  return  {
 
 init：function（responce）{
 commonvalue =响应; 
}，
 changeLine：function（Addlinevalue）{
 getAllvalue = Addlinevalue; 
 $（  .menu）。slideToPos（）; 
  var  nav1 = $（ 。在）之前; 
 如果（nav1。长度）{
 $（'  html，body'）。animate（{scrollTop：nav1 .offset（）。top}， 400 ）; 
 
} 
} 
 
}; 
}（jQuery））; 

我尝试了什么：



i试图像亚马逊购物订单那样做时间线栏跟踪时间线。我有一个疑问，我想在这里做一些改变。在那个时间线它直接达到那个特定的宽度当我点击提交。我需要从开始级别到宽度级别。当我点击提交它会慢慢去那个时间段我想要这样你能告诉我任何参考网站如果你知道的意思告诉我请

解决方案

）{

.fn.slideToPos = function（）{

if （getAllvalue == 卖方）{

< blockquote>（ .menu a.knob）。css（ left， 80 ，

hi,
     
 
This is my script ;
 ---------------------- 
var value = null;
var left = null;
var getAllvalue;
var commonvalue = {};


(function ($) {
$.fn.slideToPos = function () {

if (getAllvalue == "Seller") {

$(".menu a.knob").css("left", 80, $("#Para").text("Preparing"));
$(".before").css("width", 100);
}
else if (getAllvalue == "Shipper")
{

$(".menu a.knob").css("left", 210, $("#Para").text("Dispatched"));
$(".before").css("width", 230);
}
else if (getAllvalue == "CourierOfficer")
{
$(".menu a.knob").css("left", 440, $("#Para").text("On d way"));
$(".before").css("width", 460);
}
else if (getAllvalue == "DeliveryPerson") {
$(".menu a.knob").css("left", 640, $("#Para").text("OutForDelivery"));
$(".before").css("width", 660);
}
else {
$(".menu a.knob").css("left", 20);
$(".before").css("width", 40);
}

return this;
};


})(jQuery);



var MyLibrary = MyLibrary || (function () {

return {

init: function (responce) {
commonvalue = responce;
},
changeLine: function (Addlinevalue) {
getAllvalue = Addlinevalue;
$(".menu").slideToPos();
var nav1 = $(".before");
if (nav1.length) {
$('html, body').animate({ scrollTop: nav1.offset().top }, 400);

}
}

};
}(jQuery));

What I have tried:

i trying to do timeline bar like amazon shopping order Tracking timeline.i have one doubt in this slightly i want to do some changes here.in that time line its directly come to that particular width when i click submit. i need from starting level to width level.when i click the submit it will slowly go for that time period i want to do this can you please tell me any reference site if you know means tell me please

解决方案

) {

.fn.slideToPos = function () { if (getAllvalue == "Seller") {

(".menu a.knob").css("left", 80,

这篇关于如何使用jquery时间线条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！