如何在javascript中使用PHP函数
如何将PHP函数转换成Javascript函数,我试过了如何在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'/>
<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>