PHP構文でjquery変数を呼びたい

Question

PHP構文でjQuery変数を呼び出したいとします。

$('.card').on('click', function() { 
cardID = $(this).attr('id'); 
$('#card-front-img').html('<img src="{{ asset("public/nfc-assets/cards-imgs/'+cardID+'/front-preview.png") }}">'); 

+cardID+カードIDを動的に渡したいと思います。しかし、このコードでは、+cardID+を文字列として出力します。

Answer 1

あなたがPHPコードでブラウザのコードを実行することはできませんので、あなたが実際にブレード構文にJS変数を渡すことはできません。あなたはアプローチを変えなければなりません。 jsコードのimgパスで操作してください。私はあなたの問題を参照してください

$('.card').on('click', function() { 
    var cardID = $(this).attr('id'); 
    var imgPath = '{{ asset("public/nfc-assets/cards-imgs/cardID/front-preview.png") }}'; 
    $('#card-front-img').html('<img src="' + imgPath.replace('cardID', cardID) + '">'); 
}); 

Answer 2

JavaScript変数を直接渡すことができます。

ただし、後で置き換えることができるプレースホルダを使用してアセットURLを作成できます。

$('.card').on('click', function() { 
    //Create a URL with placeholder 
    var str = '{{ asset("public/nfc-assets/cards-imgs/__REPLACE_WITH_CARD_ID__/front-preview.png") }}'; 

    //Replace placeholder with card id 
    str = str.replace('__REPLACE_WITH_CARD_ID__', $(this).attr('id')); 

    //Use variable 
    $('#card-front-img').html('<img src="' + str + '">'); 
}); 

Answer 3

、

あなたの問題は、PHPではありませんが、それはjqueryの内部で認識し、またあなたの引用符を書き換えていないので、あなたは、変数を追加する方法、

は、ブレード・構文を削除します、

ではJavaScript VARのデータ型が何であるか、この

$('#card-front-img').html("<img src='/public/nfc-assets/cards-imgs/"+cardID+"/front-preview.png'>");