如何通過一個變量/和在JavaScript的onclick功能

我有被設定爲一個變量如何通過一個變量/和在JavaScript的onclick功能

var imagepath = "../Resources/Images/teamLogo1.png";

現在的圖像我要通過這個作爲一個參數的點擊一些路徑參數的的onclick功能

請檢查fiddle here

我追加的形象和我需要寫的onclick功能有編輯：包括完整的代碼

$(document).ready(function(){ 
var imagepath = "../Resources/Images/teamLogo1.png"; 
    $("#Testing").append('<img src="http://www.magerempowerment.com/v2/blog/wp-content/uploads/2012/07/doubt_dice.jpg" onClick="testfunction('+ imagepath + ')">'); 

}); 

function testfunction(imagepath){ 
alert(imagepath); 
};

來源

2013-10-08 Vignesh Subramanian

請在此複製相關代碼;現在人們需要看到小提琴完全瞭解你所問的。 –

好的代碼中添加了！謝謝 –

不要在HTML代碼嵌入不處理的。

$(document).ready(function(){ 
    var imagepath = "../Resources/Images/teamLogo1.png", 
     img = $('<img src="http://.../doubt_dice.jpg">'); 
    img.click(function() { 
     // you can refer to imagepath here, for example 
     $(this).prop('src', imagepath); 

     // or call your function: 
     testfunction.call(this, imagepath); 
    }); 
    img.appendTo("#Testing"); 
});

但請注意，相對路徑（"../Resources/Images/teamLogo1.png"）總是相對於HTML文檔。

來源

2013-10-08 06:33:12

太棒了！謝謝 http://jsfiddle.net/vEFWq/3/ –

由於該值是一個字符串，你需要''

$(document).ready(function() { 
    var imagepath = "../Resources/Images/teamLogo1.png"; 
    $("#Testing").append('<img src="http://www.magerempowerment.com/v2/blog/wp-content/uploads/2012/07/doubt_dice.jpg" onClick="testfunction(\'' + imagepath + '\')">'); 

}); 

function testfunction(imagepath) { 
    alert(imagepath); 
};

演示給它括：Fiddle

來源

2013-10-08 06:23:59

使用.prop

$('img').click(function(){ 
    alert($(this).prop('src')); 
});

來源

2013-10-08 06:25:17 Alex

你的功能將無法通話，因爲你正在創建img dynamically，所以試試吧，

HTML

$("#Testing").append('<img src="http://../doubt_dice.jpg" data-path="'+imagepath+'">');

SCRIPT

$(document).on('click','img',function(){ 
    console.log($(this)); 
    alert($(this).data('path')); 
});

Fiddle

來源

2013-10-08 06:29:15

如何通過一個變量/和在JavaScript的onclick功能

回答

相關問題