0

我需要从每个部分加载不同的图像并为每个部分使用图像滑块。

例如:部分选项卡:IT-信息安全-周三开发...等。

然后,当用户单击任何部分时,将显示与该部分相关的图像滑块。

所以我用 Ajax 创建了它。

主页 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test </title>
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="newscript.js"></script>
    <link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="themes/2/js-image-slider.js" type="text/javascript"></script>
    <link href="generic.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="rounded">
<img src="img/top_bg.gif" alt="top" /><div id="main" class="container">
    <ul id="navigation">
    <?php
       include("samiloxide.php");
       $sql=mysql_query(" select * from  section ");

       while($r=mysql_fetch_array($sql)){
           echo "<li><a  onclick='loadpage($r[id])' >$r[section]</a></li>" ;
       }
    ?>

    <li><img id="loading" src="img/ajax_load.gif" alt="loading" /></li>
    </ul>

    <div class="clear"></div>        
    <div id="pageContent">
  </div>   
...........

JavaScript 文件:

    var section;
    function loadpage(section){ 
       var section = section.toString();      
       $.ajax({
          type: "POST",
          url: "get.php",
          dataType: "script",
          data: ({section : section}),
          success: function(html){
             $("#pageContent").empty();
             $("#pageContent").append(html);
          }
       });
     }

-------

获取.php 文件:

    <div id="sliderFrame">
        <div id="slider">

           <?php
        include("samiloxide.php");
        //if(!$_POST['page']) die("0");

        $section = (int)$_POST['section'];

        $sql=mysql_query(" select * from images   where section='$section'");


        while($rr=mysql_fetch_array($sql)){
           echo " <img src='$rr[image]' alt='text..' />";
                }
           ?>

        </div>
.....

滑块不起作用只是加载没有滑动效果的图像!但是如果我从浏览器调用 get.php ......等等它的工作??!! 我的 Ajax 代码有什么问题?

4

1 回答 1

0

这个滑块脚本似乎不喜欢/支持动态生成的 img 标签,而是映射/绑定到 DOMLoad 上的标签。

在 DOM 中插入图像完成后,调用 imageSlider.reload()。因此,在您的情况下,它将在 AJAX 完成回调中的 .html() 调用之后。

于 2012-11-17T22:30:55.343 回答