Question

假设我有一个空白页面和一个按钮（位于右上角的某个位置），以及MySQL中的数据库。

当我点击该按钮时，我希望能够在页面（联系人卡片）上创建一个包含MySQL数据库内容的方块。

当我再次点击它时，我希望能够在它旁边创建另一张具有相同尺寸的卡片等等（即每次点击都会添加一张卡片直到连续4张，然后从卡片的底部开始直到整页都填满了。

我不确定如何完成这项任务。所以，我需要你的帮助......

提前致谢

Answer 1

以下是我的基本示例

HTML：

<button class="add">
add
</button>
<div class="main">

</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

jquery：

var card = '<div><p><img src="https://pbs.twimg.com/media/Bd8oIcSCAAAqTaZ.jpg" style="width:60px; height:60px; margin-right:10px">Hello</p></div>';
var hit=0;
$('.add').click(function(e){
e.preventDefault();
hit = hit + 1;
$('.main').prepend(card+' '+hit);
/*$.ajax({url:yourUrl,data:yourData,type:'post',
success:function(data){ // With ajax you can pass hit to your data to get different result
 $('.main').prepend(data);
 }
 });*/
});

JS Fiddle

也许它可以帮到你

在代码点火器中单击按钮，从数据库添加卡元素

1 个答案: