Как передать динамические данные из базы данных в Wow Slider в JQuery Mobile
В настоящее время я использую некоторые статические данные в слайдер в Wow Slider JQuery Mobile. Но мне нужно получить данные из базы данных и поместить их в silder. Может кто-нибудь предложить мне сделать это спасибо. Вот новый код, который позволяет получать данные в ползунке, но есть кнопки, для которых должна работать функция щелчка, но только для первого слайда он работает, а оставшийся не работает, пожалуйста, помогите мне, спасибо.
<script type="text/javascript">
$(document).ready(function() {
$("#like_i").click(function() {
$("#tipid").val(1);
$("#like_i").attr("src","images/ic_like_select.png");
$("#unlike_i").attr("src","images/ic_unlike_unselect.png");
});
$("#unlike_i").click(function() {
$("#tipid").val(0);
$("#like_i").attr("src","images/ic_like_unselect.png");
$("#unlike_i").attr("src","images/ic_unlike_select.png");
});
});
</script>
</head>
<body>
<div id="main-wrapper">
<div data-role="header" id="header" data-position="fixed">
<div id="back-btn">
<a href="#" onClick="window.history.back();" ><img src="images/back_btn.png" width="42" height="41" /></a>
</div>
<div id="logo">
</div>
<div id="tc-btn">
<a href="terms.html" data-transition="slide"><img src="images/tc_btn.png" width="42" height="41" /></a>
</div>
</div>
<div id="content-area">
<br/>
<div id="wowslider-container1">
<form action="#" method="post">
<div class="ws_images">
<ul>
<?php
if ($stmt->execute(array($_GET['id']))) {
while ($row = $stmt->fetch()) {
$counter;
foreach ($int_arr as $x) {
if ($stmt1->execute(array($x))) {
while ($row1 = $stmt1->fetch()) {
// print_r($row);
//echo $row1['title'];
?>
<li><img src="engine1/bg.png" alt="" title="" id="wows1"/><div><span style="font-size:12px;text-transform:uppercase;"><b><?php echo $_GET['id'];?></b></span><br><span style="color:#3B8BD7;font-size:22px;"><?php echo $row1['title'];?></span></div><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;margin-top:-3px;" /><span style="font-size:12px;"><?php echo $row1['body'];?><br><br><br></span><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;"/><div align="center"><b><p style="color:#3B8BD7;font-size:14px;">Helpline?</p></b><img src="images/ic_like_unselect.png" height="40" width="40" id="like_<?php echo $counter;?>" name="offer" /> <img src="images/ic_unlike_unselect.png" height="40" width="40" id="unlike_<?php echo $counter;?>" name="offer"/></div>
<input type="hidden" name="tipid" id="tipid" value="" />
<input type="text" name="tip" id="tip" value="<?php echo $counter;?>" /><?php $counter++;?></li>
<?php }}}}} echo $counter;?>
</ul></div>
<div class="ws_bullets">
<div align="center">
<?php if ($stmt->execute(array($_GET['id']))) {
while ($row = $stmt->fetch()) {
foreach ($int_arr as $x) {
if ($stmt1->execute(array($x))) {
while ($row1 = $stmt1->fetch()) {
// print_r($row);
//echo $row1['title'];
?>
<a href="#" ></a>
<?php }}}}}?>
</div></div>
<div class="ws_shadow">
</div>
</form>
</div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
</div>
</div>
1 ответ
Извлекайте данные из базы данных, просматривайте данные и объявляйте переменную $counter вне цикла, а затем увеличить внутри цикла
<ul>
<?php
// Fetch data from database and loop through.
$counter;
// start of the loop
?>
<li><img src="data1/images/home.png" alt="" title=""
id="<?php echo $counter?>" /><?php echo $title?></li>
<?php
$counter++;
// End of the loop
?>
</ul>