Question

是jquery开发在线购物网站的新手。我想知道如何在foreach循环中添加弹出每个项目。这样，当用户点击从数据库中检索到的项目时，弹出窗口显示添加到该特定项目的购物车，价格和名称。如果有人帮我提供代码示例，我将非常感激。谢谢先进

Answer 1

我会使用JQuery UI Dialog，请参阅下面的示例：

$("#addToCart").click(function (){
  $("#popup").dialog({
    title:"Hello Popup",
    buttons: [
    {
      text: "Cool!",
      icons: {
        primary: "ui-icon-heart"
      },
      click: function() {
        $( this ).dialog( "close" );
      }
    }
  ]
  });
});

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<button id="addToCart">Add to cart</button>
<div id="popup" style="display:none;">
  <p>Conent of popup :=)</p>
</div>

单击某个项目时添加弹出窗口

1 个答案: