HTML <img> onclick函數jquery

我有一個網格圖像，它是用PHP生成的HTML。每個圖像都有一個onclick（）函數，它在參數中有一個PHP變量。在HTML所在的頁面上，我有一個使用onclick（arg）函數中參數的Javascript函數。HTML <img> onclick函數jquery

我已經開始使用jquery，並且希望能夠將此onclick（）函數更改爲我的jquery函數，同時使用PHP頁面中的PHP參數。

這是從生成HTML，你可以看到PHP文件中的代碼，有一個onclick功能，這將有一個說法，是一個數字：

Echo "<img src= '$link[Image_Link] . /133x100' id='$row[Item_Name]' title='$row[Item_Name]' class='clickableImage' alt='$just_name' onClick='addValue(". $credit_value .")' border=0 style='position: relative; top: 0; left: 0;'/>";

這是我的JavaScript函數在HTML頁面上，它只是改變了頁面上的一些文字：

function addValue(credits){ 
    var value = document.getElementById("value").innerHTML; 
    value = parseInt(value, 10); 
    var totalValue = value+credits; 
    document.getElementById("value").innerHTML = totalValue; 
}

我已經有一個jQuery函數設置點擊這些圖片時，但我希望能夠使用$credit_value變量從PHP文件。這是我的jQuery函數的開始：

$().ready(function() { 
    $('img.clickableImage').click(function() { 
     if ($(this).data('selected')) { ......

來源

2015-06-01 MitchCool1

在您的回聲聲明中，將自定義data-*屬性lik Ë

echo "<img data-credit='". $credit_value ."' src= '$link[Image_Link] . /133x100' id='$row[Item_Name]' title='$row[Item_Name]' class='clickableImage' alt='$just_name' border=0 style='position: relative; top: 0; left: 0;'/>";

，然後在單擊處理程序訪問它像

$('img.clickableImage').click(function() { 
     var credit = $(this).attr('data-credit'); 
});

來源

2015-06-01 11:10:05 AmmarCSE

您可以使用data-*前綴的自定義屬性，將值設置

echo "<img data-creditvalue='. $credit_value .' ......../>";

腳本，獲取使用$.fn.data()因爲你已經在使用$(this).data('selected')

var creditvalue = $(this).data("creditvalue")

來源

2015-06-01 11:10:03 Satpal

你是我的邪惡的雙胞胎:)？ – AmmarCSE

@AmmarCSE，你可以叫雙胞胎但不是邪惡:)我們雖然過程是相當相同的 – Satpal

yessir :)當然不是 – AmmarCSE

使用事件代表團

$(document).ready(function() { 
    $(document).on('click', 'img.clickableImage', function() { 
      if ($(this).data('selected')) { 
       // here your code 
      } 
    }); 
});

來源

2015-06-01 11:10:10

HTML <img> onclick函數jquery

回答

相關問題