2011-04-09 57 views
0

我有一个外部的jQuery代码看起来像: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 
    }); 
}); 

我可以通过一些变量替换“滑梯” OPTIO像$ slide_urls和申报个人html页面的图像路径?

回答

2

只要变量$ slide_urls某处宣布这将是超大型()函数中可见,它是对象的数组,可以轻松地将它设置其他地方的网页,但它在你的函数引用:

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

如果您将slide_urls声明为全局变量,将是可能的。

然而,海事组织最好是把这个代码在其自身的功能,并从页面调用它,传递正确的数据:

// in your "external" code: 

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

// in the pages 

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