Question

例如：转到此页http://www.ndoherty.biz/demos/coda-slider/2.0/和示例5。

我想动态更改firstPanelToLoad的值;例如：我有四个按钮1,2,3和4。如果用户单击按钮编号2，则firstPanelToLoad的值应更改为2.

我想要这样的事情：http://jsfiddle.net/Cf47w/1/ 当用户点击“Panel4”按钮时，应显示第4个面板。

Answer 1

我了解您希望保留所选面板以便以后加载。您必须将所选索引保留在浏览器Cookie中或将其保留在服务器上。这是使用Cookie的示例。

function setCookie(c_name,value,exdays) {
  var exdate=new Date();
  exdate.setDate(exdate.getDate() + exdays);
  var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
  document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name) {
  var i,x,y,ARRcookies=document.cookie.split(";");
  for (i=0;i<ARRcookies.length;i++) {
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
    x=x.replace(/^\s+|\s+$/g,"");
    if (x==c_name) {
      return unescape(y);
      }
  }
}

$().ready(function() {
  $('#coda-slider-6').codaSlider({
    crossLinking: false,
    firstPanelToLoad: (getCookie('firstPanel') == null ? 3 : getCookie('firstPanel'));
  });
});

// do your code to set cookie when user click on a panel

如何动态更改jQuery插件的默认值？

1 个答案: