的JavaScript/JQUERY局部變量

Question

我有2個碼 的Javascript：

function changeImage(event){ 
    event = event || window.event; 
    var targetElement = event.target || event.srcElement; 
    if (targetElement.tagName == "IMG") { 
     npath = document.getElementById("main_img").src = targetElement.getAttribute("src"); 
    } 
} 

和jQuery

var bpath = npath.replace("_n", "_b"); 
$(document).ready(function(){ 
    $('div.prod_seeds_mimg_div').zoom({url: bpath}); 
}); 

我想從Javascript塊訪問npath變量，改變它，在jQuery中使用。但npath變量未在Javascript外部定義。我嘗試通過跳過var並在兩個塊（var npath = "";）之上聲明npath來使其成爲全局，但這些方法沒有幫助。

有沒有辦法從JS訪問npath並進一步使用它？ 謝謝。

Answer 1

EDITED

嘗試使用下面的代碼：

$(document).ready(function(){ 
    $('.prod_seeds_mimg_div').zoom({url: $('#main_img').attr('src')}); 

    $('div.prod_seeds_oimg_div img').on('click', function(){ 
    changeImage($(this).attr('src')); 
    }); 

}); 

function changeImage(imagePath){ 
    $('#main_img').attr('src', imagePath); 
    $('.prod_seeds_mimg_div').zoom({url: imagePath}); 
} 

要記住，從你的HTML源代碼刪除changeImage的onClick觸發。