1

我有一个小问题要问你，我不知道如何解决。情况就是这样，我正在使用 jQuery 幻灯片（称为相机），并将其与水平滚动网站结合使用。

当我从菜单中选择我想要的页面时，网站会向右滚动并自动从数据库中加载幻灯片中的图像列表。

不幸的是，当我从菜单中选择另一个部分时，它无法正确加载图像。

我想重置旧的 CSS 类或重置我的函数，我的意思是每次按下菜单按钮时重新加载整个函数。

这是我的功能：

function swapContent(cv) {
    $(".camera").html("Loading...").show();
    var url = "evaluation_menu.php";
    $.post(url, {contentVar: cv}, function(data) {
        $(".camera").html(data).show(); 
        $('.camera').camera({
            pagination: false
        });
    });
}

这就是我使用它的方式：

<a class="next page" title="Title 1" href="#page" onClick="return false" onmousedown="javascript:swapContent('title1');"><div id="title1"></div></a>
<a class="next page" title="Title 2" href="#page" onClick="return false" onmousedown="javascript:swapContent('title2');"><div id="title2"></div></a>

每次我按下一个按钮时，它都会执行这个函数，该函数读取并在数据库上执行一个查询。

我想在 onClick 中使用一些东西，但不知道是什么以及如何使用。

非常感谢任何帮助。

4

1 回答 1

0

也许我找到了一种可能的解决方案，但这并不像我想要的那样工作。

function swapContent(cv) {
$(".camera").html("Loading...").show();
var url = "evaluation_menu.php";
location.reload();   // reload the page
$.post(url, {contentVar: cv}, function(data) {
    $(".camera").html(data).show(); 
    $('.camera').camera({
        pagination: false
    });
  });
}

如果我使用“location.reload();” 当我从幻灯片页面单击菜单上的按钮时，幻灯片会刷新但不加载内容

于 2012-05-14T20:06:19.260 回答