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

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”时，应该显示第四个面板。

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