2012-04-03 19 views
0

進出口使用使用CodeIgniter框架jquerymobile一起適用於所有我的網頁,我有一個問題如何這jquerymobile

下面我有這個劇本,我希望它是在我的所有網頁的觸發器。

<script type="text/javascript"> 
     var i = 0; 
    $(function() { 
     $("#h1").hide(); 
     $("#h2").hide(); 
     $("#h3").hide(); 
     <? if ($account_type != 'prepaid' && $account_type != 'PREPAID') : ?> 
      $("#h4").hide(); 
     <? endif ?> 
     head(); 
     setInterval('head()',2000); 
    }); 

     function head() 
     { 
      i++; 
      if (i==1) h1(); 
      if (i==2) h2(); 
      <? if ($account_type == 'prepaid' || $account_type == 'PREPAID') : ?> 
       if (i==3){ h3(); i=0; } 
      <? else : ?> 
       if (i==3) h3(); 
       if (i==4){ h4(); i=0; } 
      <? endif ?> 
     } 

     function h1() 
     { 
      <? if ($account_type == 'prepaid' || $account_type == 'PREPAID') : ?> 
       $("#h3").hide(); 
      <? else : ?> 
       $("#h4").hide(); 
      <? endif ?> 
      $("#h1").fadeIn().delay(1000); 
      //h2(); 
     } 

     function h2() 
     { 
      $("#h1").hide(); 
      $("#h2").fadeIn().delay(1000); 
     } 

     function h3() 
     { 
      $("#h2").hide(); 
      $("#h3").fadeIn().delay(1000); 
     } 

     function h4() 
     { 
      $("#h3").hide(); 
      $("#h4").fadeIn().delay(1000); 
     } 

    </script> 

試圖更換$(函數(){爲$(文件).bind( 'pageinit',函數(){但仍然無法正常工作。在我的index.php該功能只火不其他頁面。請幫助。

+0

JavaScript是否存在於所有頁面中? – jfriend00 2012-04-03 02:02:11

+0

nope,但我將它添加到我的頭文件。 – 2012-04-03 02:04:58

+0

我不知道「將它添加到你的頭文件」是什麼意思。如果代碼實際上包含在每個頁面中,代碼將只在每個頁面中執行。 – jfriend00 2012-04-03 02:41:35

回答

1

試試這個。 現在以下腳本

<script type="text/javascript"> 
var i = 0; 
$(function() { 
    start();   
}); 

function start(){ 

    $("#h1").hide(); 
    $("#h2").hide(); 
    $("#h3").hide(); 
    <? if ($account_type != 'prepaid' && $account_type != 'PREPAID') : ?> 
     $("#h4").hide(); 
    <? endif ?> 
    head(); 
    setInterval('head()',2000); 
} 

    function head() 
    { 
     i++; 
     if (i==1) h1(); 
     if (i==2) h2(); 
     <? if ($account_type == 'prepaid' || $account_type == 'PREPAID') : ?> 
      if (i==3){ h3(); i=0; } 
     <? else : ?> 
      if (i==3) h3(); 
      if (i==4){ h4(); i=0; } 
     <? endif ?> 
    } 

    function h1() 
    { 
     <? if ($account_type == 'prepaid' || $account_type == 'PREPAID') : ?> 
      $("#h3").hide(); 
     <? else : ?> 
      $("#h4").hide(); 
     <? endif ?> 
     $("#h1").fadeIn().delay(1000); 
     //h2(); 
    } 

    function h2() 
    { 
     $("#h1").hide(); 
     $("#h2").fadeIn().delay(1000); 
    } 

    function h3() 
    { 
     $("#h2").hide(); 
     $("#h3").fadeIn().delay(1000); 
    } 

    function h4() 
    { 
     $("#h3").hide(); 
     $("#h4").fadeIn().delay(1000); 
    } 

</script> 

準備一個索引文件,當你initpage像下面

調用這個函數

});

1

試試這個:

$(document).bind('mobileinit', function() { 
    var i = 0; 

    $(function() { 
     $("#h1").hide(); 
     $("#h2").hide(); 
     $("#h3").hide(); 
     <? if ($account_type != 'prepaid' && $account_type != 'PREPAID') : ?> 
      $("#h4").hide(); 
     <? endif ?> 
     head(); 
     setInterval('head()',2000); 
    }); 

    function head() 
    { 
     i++; 
     if (i==1) h1(); 
     if (i==2) h2(); 
     <? if ($account_type == 'prepaid' || $account_type == 'PREPAID') : ?> 
      if (i==3){ h3(); i=0; } 
     <? else : ?> 
      if (i==3) h3(); 
      if (i==4){ h4(); i=0; } 
     <? endif ?> 
    } 

    function h1() 
    { 
     <? if ($account_type == 'prepaid' || $account_type == 'PREPAID') : ?> 
      $("#h3").hide(); 
     <? else : ?> 
      $("#h4").hide(); 
     <? endif ?> 
     $("#h1").fadeIn().delay(1000); 
     //h2(); 
    } 

    function h2() 
    { 
     $("#h1").hide(); 
     $("#h2").fadeIn().delay(1000); 
    } 

    function h3() 
    { 
     $("#h2").hide(); 
     $("#h3").fadeIn().delay(1000); 
    } 

    function h4() 
    { 
     $("#h3").hide(); 
     $("#h4").fadeIn().delay(1000); 
    } 
}).trigger('mobileinit'); 
1

如果你想在其他頁面太火。在所有頁面中包含腳本。使用

<script src="common.js"></script>