0

Jquery プラグイン Supersized を使用しようとしていますが、できません。私はマジェントで働いています。超大規模なライブラリ内のすべての $ を jQuery に置き換えました。そして、私はこれを追加しました: jQuery.noConflict(); 関数の開始直前。これが私のコードです。スクリプトとhtmlをコピーします。なぜうまくいかないのかわからない、誰か助けてくれる？

<script type="text/javascript"> 
jQuery.noConflict();
jQuery(function(){
  jQuery.fn.supersized.options = {
      startwidth: 1440,
      startheight: 900,
      vertical_center: 1,
      slideshow: 1,
      navigation: 1,
      thumbnail_navigation: 0,
      transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
      pause_hover: 1,
      slide_counter: 1,
      slide_captions: 1,
      slide_interval: 3000,
      slides : [
         {image : "<?php echo $this->getSkinUrl('images/portada_slider/slider1.jpg') ?>"} ,
         {image : "<?php echo $this->getSkinUrl('images/portada_slider/slider2.jpg') ?>"} 

      ]
   };

 });

</script>

<div id="supersized"></div>
4

2 に答える 2

1

試す ：

jQuery(function() {
    jQuery.fn.supersized.options = {
        startwidth: 1440,
        startheight: 900,
        vertical_center: 1,
        slideshow: 1,
        navigation: 1,
        thumbnail_navigation: 0,
        transition: 1,
        //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
        pause_hover: 1,
        slide_counter: 1,
        slide_captions: 1,
        slide_interval: 3000,
        slides: [
            {image: 'photo1.jpg'},
            {image: 'photo2.jpg'}
        ]
    };
    jQuery('#supersized').supersized();
});​

両方を含める必要はありません:

jQuery('document').ready(function() {
jQuery(function(){

それらは同じものです

于 2012-06-19T14:07:27.200 に答える
1

ノート

名前が付けられた関数が表示されsupersized()ないので、どのように機能しますか? あなたのプロセスは間違っています。jQuery プラグインの作成プロセスについてお読みください。

使いました

jQuery('document').ready(function() {..

と

jQuery(function(){..

どちらも同じであるため、いずれかを使用します。次のことを確認してください。

  • 最初にjQueryライブラリを追加しました

完全なコード

jQuery(function(){
  jQuery.fn.supersized.options = {
      startwidth: 1440,
      startheight: 900,
      vertical_center: 1,
      slideshow: 1,
      navigation: 1,
      thumbnail_navigation: 0,
      transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
      pause_hover: 1,
      slide_counter: 1,
      slide_captions: 1,
      slide_interval: 3000,
      slides : [
         {image : 'photo1.jpg'} ,
         {image : 'photo2.jpg'} 

      ]
   };
  jQuery('#supersized').supersized(); 
 });
于 2012-06-19T14:05:55.357 に答える