同一 DIV 上的 JavaScript 函数不起作用

Javascript functions on same DIV not working

本文关键字：函数 不起作用 JavaScript 上的 DIV 同一      更新时间：2023-09-26

我有两个位于同一div上的Ajax函数，第一个在完整页面完全加载并调用ccslider方法时执行，而不是第二个检查我在菜单上单击的菜单ID为不同的页面动态加载不同的内容。

我可以看到加载的内容（例如：图片），但不幸的是我在 ccslider 中看不到它们; 似乎滑块没有执行。

但我知道这很有效，因为如果我测试它，删除swapContent()函数并将我的 PHP 代码与 MySQL 查询放在我的主页内，图片将加载到工作 ccslider 中。

关于如何解决此问题的任何提示？

$(window).load(function(){
   $('#sliding').slider({
      _Options: {
      imageWidth: 300,
      imageHeight: 200
      }
   });
});
function swapContent(cv) {
var url = "testing_cover.php";
    $.post(url, {contentVar: cv}, function(data) {
       $("#sliding").html(data).show();
    });
}

您可能必须在 swapContent（） 函数中再次调用滑块方法。试试这个。

function swapContent(cv) {
  var url = "testing_cover.php";
  $.post(url, {contentVar: cv}, function(data) {
     $("#sliding").html(data).show();
     $('#sliding').slider({
        _Options: {
        imageWidth: 300,
        imageHeight: 200
         }
     });
 });
}

我无法访问您正在使用的插件类型，但从表面上看，您可能正在修改其功能所需的 HTML 结构。尝试将 HTML 插入到 #sliding 元素内的包装器中，而不是直接插入其中。

相关文章：