jQuery的自定义内容滚轮空白股利内容时使用AJAX的HTML填充(Jquery Custom C

2019-10-18 18:20发布

我使用从jQuery自定义内容滚动http://manos.malihu.gr/这似乎是很受欢迎的。 我最初尝试使用它,然后切换到Nicescroller最初曾确定的,但后来我打它的特性在墙上,现在回到这里...

还有就是我做的没有什么复杂的。 数据来自AJAX和被馈送到一个DIV,然后将卷轴被施加到AJAX成功DIV。 该DIV实际上是用来显示形式的错误消息和它周围的主HTML是表单字段。 这个我觉得是不相关的,但我想给所有相关信息。

这里是AJAX调用的“成功”部分:

 success: function (data) {     
    $('#error_msg_div').html(data); 
    if (submit_status != "OK") //submit_status is a JS variable in data not set to OK  
    { //alert(..) here. At alert pause, error_msg_div shows AJAXed response data.
      //AJAXed response data has absolutely no reference to the DIV or the scroller 
      $("#error_msg_div").mCustomScrollbar({
        theme:"dark",
        scrollButtons:{
            enable:true
            },
        updateOnContentResize:true
      });  
    };
 },

从AJAX响应(来自萤火虫复制)样本数据如下所示:

  <div class='err_no' style='left:0px;top:5px;'>1:</div><div style='left:22px;top:5px;' class='err_msg'>First name must have 2 to 20 alphabets only.</div>
  <div class='err_no' style='left:0px;top:17px;'>2:</div><div style='left:22px;top:17px;' class='err_msg'>Middle initial can only be a single uppercase alphabet.</div>

所以有什么问题? AJAX响应确定。 在警报中,DIV被认为是填充数据。 只是在这之后,在$(“#error_msg_div”)。mCustomScrollbar({...显示空白格。有萤火虫显示没有JS错误消息。

我尝试使用滚轮使用静态数据,并能正常工作。 唯一的主要区别是在我的纯静态HTML的使用,这里是在静态测试的HTML文件,滚动条被称为在:

 (function($){
     $(window).load(function(){
        $("#xxxxxxxxscroll_div").mCustomScrollbar({
          theme:"dark",
          scrollButtons:{
            enable:true
          },
        updateOnContentResize:true
      });
    });
  })(jQuery);

我花了很多时间在这。 我喜欢的滚动不要再放弃它。 一旦我想这一个,我觉得功能集的其余部分将很容易使用。 一个跟进的问题,很可能不相关的是,当我“消灭”滚动条在DIV上的mCustomScrollbar方法仍显示。 这仅仅是一个方面的问题...我不是JS大师,但是当滚动文档指出,该元素还原到其呼叫前的状态,我本来期望这种方法离开。 对?

谢谢! 我是比较新的这个论坛。 请原谅我,如果格式或者细节不恰当的措辞。

文章来源: Jquery Custom Content Scroller blanks Div content when populated with AJAX html