Question

我有一个小问题，我不知道如何解决。在这种情况下，我使用的是jQuery幻灯片（称为Camera），我将其与水平滚动网站结合使用。

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

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

我想重置旧的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中使用一些东西，但不知道是什么以及如何。

非常感谢任何帮助。

Answer 1

也许我找到了一个可能的解决方案，但这并不是我想要的。

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（）;”当我从滑动页面点击菜单上的按钮时，幻灯片刷新但不加载内容

如何动态重置jquery函数

1 个答案: