2012-05-09 119 views
0

如何使用jquery刪除最後一個逗號','。下面是我的幻燈片圖像後臺代碼的jQuery,PHP代碼將在JavaScript中循環圖像的URL,意味着用戶可以在管理員改變形象:如何使用jquery刪除最後一個逗號','

   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     : [  //Slideshow Images 
               <?php // this will looping image background custom - xx_rusly_xx 
                $images = getFieldOrder('background_slideshow_image'); 
                 foreach($images as $image){ 
                  echo "{image : '"; 
                  echo get('background_slideshow_image',1,$image); 
                  echo "'},"; 
                 } 
               ?> 
              ]       
      }); 
     }); 

    </script> 

如果你發現我把一些PHP代碼迴路圖像URL

<?php // this will looping image background custom - xx_rusly_xx 
$images = getFieldOrder('background_slideshow_image'); 
    foreach($images as $image){ 
     echo "{image : '"; 
     echo get('background_slideshow_image',1,$image); 
     echo "'},"; 
    } 
?> 

和瀏覽器將用PHP生成Javascript這樣的:

//Components 
     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     : [  //Slideshow Images 
     {image : 'http://iconcept-project.com/dev/gd/wp-content/files_mf/1.jpg'}, 
     {image : 'http://iconcept-project.com/dev/gd/wp-content/files_mf/2.jpg'}, 
     {image : 'http://iconcept-project.com/dev/gd/wp-content/files_mf/3.jpg'}, 
     {image : 'http://iconcept-project.com/dev/gd/wp-content/files_mf/4.jpg'},                             ]       
    }); 
});   
</script> 

,問題是如何在最後一行刪除逗號,因爲Internet Explorer,這將不只是IR運行去掉最後一個逗號。

{image : 'http://iconcept-project.com/dev/gd/wp-content/files_mf/4.jpg'}, 

這裏是完整的代碼 - >http://pastebin.com/c1A7ZKGr

感謝您的幫助。

+0

呈現的html看起來像'view source'是什麼? –

+0

http://iconcept-project.com/dev/gd/ – ruslyrossi

+0

(Offtopic)P.S.嘗試優化圖像大小。加載時間過長 –

回答

1

我很好奇。你爲什麼不在PHP這邊做?

<?php // this will looping image background custom - xx_rusly_xx 
$images = getFieldOrder('background_slideshow_image'); 
    foreach($images as $ind => $image){ 
     echo "{image : '"; 
     echo get('background_slideshow_image',1,$image); 
     echo "'}".($ind == count($images)-1 ? '' : ','); // no comma for last image 
    } 
?> 
2

的問題是不是在你的js腳本,但PHP腳本。像這樣做:

<?php // this will looping image background custom - xx_rusly_xx 
$comma = false; 
$images = getFieldOrder('background_slideshow_image'); 
    foreach($images as $image){ 
     if ($comma) echo ","; else $comma=true; 
     echo "{image : '"; 
     echo get('background_slideshow_image',1,$image); 
     echo "'}"; 
    } 
?> 
1

的javascript:

s = s.substring(0, s.length - 1); 

或使用json_encode,而不是一個自制功能。

0

你應該在php中控制這個。

foreach($images as $i => $image){ 
     echo $i === 0 ? "" : ","; 
     echo "{image : '"; 
     echo get('background_slideshow_image',1,$image); 
     echo "'}"; 
    } 
2

由於JSON評估爲有效的對象在JavaScript中文字,你應該使用json_encode[docs]

<?php  
    $images = getFieldOrder('background_slideshow_image'); 
    $out = array(); 
    foreach($images as $image){ 
     $out[] = array('image' => get('background_slideshow_image',1,$image)); 
    } 
    echo json_encode($out); 
?> 

(你必須刪除周圍[...]在你的代碼)

用字符串手動構建文字和代碼註定會失敗(最終)。

相關問題