我正在使用此代码生成气泡,然后使用mySQL数据库中的文本填充:http://jsfiddle.net/exr4N/1/。我在这里添加了我的查询来检索文本:
<div id="parent">
<?php
$result = mysql_query("SELECT * FROM comments ORDER BY rand() LIMIT 10");
$i = 1;
while($row = mysql_fetch_assoc($result))
{
$comments = new Comment($row);
echo ('<div class="message">'. $comments->markup() .'</div>');
$i++;
}?></div>
我对泡泡动画不满意,所以我想改用这个脚本:http://codepen.io/PastaMIya/pen/tEcLF。但是,我无法弄清楚在哪里添加我的PHP代码。我试着像这样添加它:
// Create the bubbles
for (var i = 0; i < bubbleCount; i++)
{
$bubbles.append('<div class="bubble-container"><div class="bubble">
<?php $result = mysql_query("SELECT * FROM comments ORDER BY rand() LIMIT 10");
$i = 1;
while($row = mysql_fetch_assoc($result))
{
$comments = new Comment($row);
echo ($comments->markup());
$i++; }?>
</div></div>');
}
然后在HTML中像这样:
<?php
// Output the bubbles one by one:
$result = mysql_query("SELECT * FROM comments ORDER BY rand() LIMIT 10");
$i = 1;
while($row = mysql_fetch_assoc($result))
{
$comments = new Comment($row);
echo ('<div class="bubbles">'. $comments->markup() .'</div>');
$i++;
}
?>
但都没有奏效。如果有人能给我一点方向,我会非常感激。我是新手,我仍在努力理解这一切。
提前致谢。
*编辑* 我想也许它归结为是否有其他我可以使用而不是append()来输出气泡?例如,有没有办法可以将在第二个脚本中生成气泡的函数移动到HTML页面中,并以与当前脚本相同的方式生成气泡?
我可以移动这个:
$bubbles.append('<div class="bubble-container"><div class="bubble">
像这个脚本一样进入HTML页面:
var message = 1;
$('.message').each(function (message) {
$(this).verticalMarquee(1, 1, message);
message++;
});
或者有什么我可以使用而不是append()吗?