我想用php语法调用jquery变量

我想用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") }}">');

$（'.card'）。在（'click'，function（）上{
cardID=$（this.attr（'id'）；
$（'#卡正面img'）.html（''）；

---

在

+cardd+

中，我想动态传递卡片id。但通过此代码，它将

+cardd+

打印为字符串。

您可以直接传递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 + '">');
});

$（'.card'）。在（'click'，函数（）{
//创建带有占位符的URL
var str={{asset（“public/nfc assets/cards imgs/uuu替换为_CARD_ID_uu/front preview.png”）}}；
//用卡id替换占位符
str=str.replace（“\u\u replace\u WITH\u CARD\u ID\u'，$（this.attr（'ID'））；
//使用变量
$（'#卡正面img'）.html（''）；
});

实际上，您无法将js变量传递到blade语法中，因为您无法在php代码中执行浏览器代码。您必须更改方法。在js代码中使用img path进行操作

$('.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) + '">');
});

$（'.card'）。在（'click'，function（）上{
var cardID=$（this.attr（'id'）；
var imgPath={{asset（“public/nfc-assets/cards-imgs/cardd/front-preview.png”）}；
$（'#卡正面img'）.html（''）；
});

我明白你的问题

你的问题不是php，而是你附加变量的方式

删除您的blade语法，因为它在jquery中无法识别，并重写您的引号

换成这个

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

$（'#卡正面img'）.html（“”）；

您传递的javaScript变量的数据类型是什么？例如：cardID='aquaBlue'；在您的示例中，cardID是一个字符串，因此这里没有任何错误。我不明白php与这个问题有什么关系？我只看到使用了jquery