Jquery变量

Jquery变量,jquery,variables,Jquery,Variables,我有一个外部Jquery代码,如下所示: jQuery(function($){ $.supersized({ navigation : 1, //Slideshow controls on/off thumbnail_navigation : 1, //Thumbnail navigation slide_counter : 1, //Display slide nu

我有一个外部Jquery代码,如下所示:

jQuery(function($){

    $.supersized({
      navigation              :   1,    //Slideshow controls on/off
      thumbnail_navigation    :   1,    //Thumbnail navigation
      slide_counter           :   1,    //Display slide numbers
      slide_captions          :   1,    //Slide caption (Pull from "title" in slides array)
      slides                  :   [
                        {image : 'some/path', title : 'title'},
                        {image : 'some/path', title : 'title'},  
                        {image : 'some/path', title : 'title'}

      ] //Slide Images to be specified on page
    }); 
});

我是否可以用一些变量(如$slide_URL)替换“slides”选项,并在各个html页面上声明图像路径

只要变量$slide_url是在supersize()函数中可见的某个位置声明的,并且它是一个对象数组,您就可以在页面的其他位置轻松设置它,并在函数中引用它:

$(window).ready(function(){
  $slide_urls = [ /* specific slides for the page */ ];
  // ... other code
  $.supersized({
    // other options
    slides: $slide_urls
  }
}

只要变量$slide_url声明在supersize()函数中可见的某个位置,并且它是一个对象数组,您就可以在页面的其他位置轻松设置它,并在函数中引用它:

$(window).ready(function(){
  $slide_urls = [ /* specific slides for the page */ ];
  // ... other code
  $.supersized({
    // other options
    slides: $slide_urls
  }
}

如果您将
slide\u url
声明为全局变量,则这是可能的

但是,imo最好将此代码放在它自己的函数中,并从页面调用它,传递正确的数据:

// in your "external" code:

function setup(urls) {
    $.supersized({
      //...
      slides: urls
    });
}

// in the pages

$(function() {
    setup([/*...urls here...*/]);
});

如果您将
slide\u url
声明为全局变量,则这是可能的

但是,imo最好将此代码放在它自己的函数中,并从页面调用它,传递正确的数据:

// in your "external" code:

function setup(urls) {
    $.supersized({
      //...
      slides: urls
    });
}

// in the pages

$(function() {
    setup([/*...urls here...*/]);
});