同時調用多個函數

Question

我試圖同時爲兩個不同的HTML元素調用兩個不同的函數，但第二個函數並沒有被讀取。我也試圖使用id來指定要從中獲取數據的相應元素。下面是我有：

function changeImage(id) 
{ 
    var s = document.getElementById('showcase'); 
    var simg = s.getElementsByTagName('img'); 
    var slen = simg.length; 

    for(i=0; i < slen; i++) 
    { 
    simg[i].style.display = 'none'; 
    } 
    $('#' + id).fadeIn('slow', 0); 

    function createComment(jim) 
{ 
    //alert('hello?'); 
    var d = document.getElementById('description'); 
    var dh = document.getElementsByTagName('p'); 
    var dlen = dh.length; 

    //alert(dh); 

    for(i=0; i < dlen; i++) 
    { 
    alert(dh); 
    dh[i].style.display = 'none'; 
    } 
    $('#' + jim).fadeIn('slow', 0); 

} 

Answer 1

看樣子你缺少右括號}你changeImage函數的末尾。

您也可以大大使用jQuery縮短你的腳本：

function changeImage(id) 
{ 
    $('#showcase img').hide(); 
    $('#' + id).fadeIn('slow'); 
} 
function createComment(jim) 
{ 
    $('#description p').hide(); 
    $('#' + jim).fadeIn('slow'); 
} 

而且，我不知道爲什麼你的fadeIn()函數內部一個零？如果你想img/p立即顯示，只需使用.show()