如何在javascript中使用PHP函数

如何在javascript中使用PHP函数,javascript,php,jquery,function,Javascript,Php,Jquery,Function,如何将PHP函数转换成Javascript函数,我试过了 <script> $("#swipe-product").touchwipe({ wipeLeft: function() { <?php echo "<img src='img/" . $l_qurries->GetNextProduct($g_ProductId, $g_Winkel) . ".jpg' id='artikel' alt='shopping-bag'/>

如何将PHP函数转换成Javascript函数,我试过了

<script>
    $("#swipe-product").touchwipe({
    wipeLeft: function() {
        <?php echo "<img src='img/" . $l_qurries->GetNextProduct($g_ProductId, $g_Winkel) . ".jpg' id='artikel' alt='shopping-bag'/>"; ?>
    },
    wipeRight: function() { 
        <?php echo "<img src='img/" . $l_qurries->GetPrevProduct($g_ProductId, $g_Winkel) . ".jpg' id='artikel' alt='shopping-bag'/>"; ?>
    },
    min_move_x: 20,
    min_move_y: 20,
    preventDefaultEvents: true
    });
</script>

$(“#刷卡产品”).touchwipe({
左:函数(){

不可能实现您想要做的事情。JavaScript在浏览器中执行,而PHP在服务器端执行

您的JavaScript可以使用Ajax调用PHP脚本来加载产品,然后可以按照注释的建议将该脚本的结果动态注入DOM,但这将引入延迟。您可以在用户等待下一个产品加载时显示加载图标

如果列表不太长,可以使用PHP生成标记,然后使用JavaScript进行操作


您可以结合这两种方法来改善用户体验,将一个批加载到DOM中,然后当用户接近列表末尾时,使用Ajax加载另一个批。

假设您在扩展名为
.php
的文件中运行脚本,其结果应该如下所示:

<script>
    $("#swipe-product").touchwipe({
    wipeLeft: function() {
        <img src='img/example-image-1.jpg' id='artikel' alt='shopping-bag'/>
    },
    wipeRight: function() { 
        <img src='img/example-image-2.jpg' id='artikel' alt='shopping-bag'/>
    },
    min_move_x: 20,
    min_move_y: 20,
    preventDefaultEvents: true
    });
</script>
我不熟悉您正在使用的
.touchwipe()
方法,但是您可以阅读jQuery的工作原理,或者找到类似的方法


这是基于这样的假设,即您在支持PHP的服务器上的
.PHP
文件中使用PHP。

我使用一个表单将javascript变量发送到PHP变量,并将PHP变量使用到PHP函数中

<script>
    $("#swipe-product").touchwipe({
    wipeLeft: function() {
        // Append the <img> tag to the body tag
        $('body').append("<img src='img/example-image-1.jpg' id='artikel' alt='shopping-bag'/>");
    },
    wipeRight: function() { 
        // OR append the <img> to a <div> tag with an ID
        $('#img-goes-here').append("<img src='img/example-image-2.jpg' id='artikel' alt='shopping-bag'/>");
    },
    min_move_x: 20,
    min_move_y: 20,
    preventDefaultEvents: true
    });
</script>

<div id="img-goes-here"></div>

$(“#刷卡产品”).touchwipe({
左:函数(){
var j_ProductId=;
如果(j_ProductId<){
j_ProductId++;
document.swiping.productid.value=j_productid;
document.swiping.submit();
}
},
wipeRight:函数(){
var j_ProductId=;
如果(j_ProductId>){
j_ProductId--;
document.swiping.productid.value=j_productid;
document.swiping.submit();
}
},
最小移动次数:20,
最小移动时间:20,
预防默认事件:true
});

你不能。你的问题表明你不理解PHP到底是什么。PHP是在服务器端处理的,它会从发送到客户端(浏览器)的生成页面中完全消失我想OP是在尝试混合PHP和javascript,认为PHP可以执行客户端,就像JS一样。我知道PHP是服务器端的,只是我不知道javascript到底是如何工作的,因为我从来没有这样手动使用过。
<form name="swiping" method="post" action="">
    <input type="hidden" name="productid" value="" />
</form>

<script>
    $("#swipe-product").touchwipe({

    wipeLeft: function() {
    var j_ProductId = <?= $g_ProductId ?>;

    if (j_ProductId < <?= $l_LastProduct ?>){
        j_ProductId++;
        document.swiping.productid.value = j_ProductId;
        document.swiping.submit();
    }

    },
    wipeRight: function() { 
    var j_ProductId = <?= $g_ProductId ?>;

    if (j_ProductId > <?= $l_FirstProduct ?>){

        j_ProductId--;
        document.swiping.productid.value = j_ProductId;
        document.swiping.submit();
    }

    },
    min_move_x: 20,
    min_move_y: 20,
    preventDefaultEvents: true
    });
</script>