【问题标题】:Issue with $(document).ready$(document).ready 的问题
【发布时间】:2013-07-23 01:06:18
【问题描述】:

我有两个问题。第一的。如何减少此代码?

$('#m').click(function() {
    var href = $(this).attr('href');
    $('#con').hide().load('inc/main.php').fadeIn('normal');
    return false;
});
$('#b').click(function() {
    var href = $(this).attr('href');
    $('#con').hide().load('inc/blog.php').fadeIn('normal'); 
    return false;
});
$('#p').click(function() {
    var href = $(this).attr('href');
    $('#con').hide().load('inc/portfolio.php').fadeIn('normal');    
    return false;
});
$('#l').click(function() {
    var href = $(this).attr('href');
    $('#con').hide().load('inc/lebenslauf.php').fadeIn('normal');   
    return false;
});
$('#k').click(function() {
    var href = $(this).attr('href');
    $('#con').hide().load('inc/kontakt.php').fadeIn('normal');  
    return false;
});

我正在使用一个名为完美滚动条的库。它是这样包含的:

$(document).ready(function(a){a("#scrollbox").perfectScrollbar({wheelSpeed:20,wheelPropagation:!1})});

当使用此脚本加载 main.php 时,滚动条并不像应有的那样存在。这是因为文档没有像往常一样刷新。加载时我需要写什么才能让它工作?

【问题讨论】:

    标签: ajax jquery-plugins dynamic-content


    【解决方案1】:

    编写一个函数并将每个选择器和文件路径传递给该函数

    $('#m').click(some_function()
    {
        helperfunction($(this), 'inc/main.php');
    });
    
    function helperfunction(selector, phpfilepath) {
        var href = selector.attr('href');
        $('#con').hide().load(phpfilepath).fadeIn('normal');    
        return false;
    }
    

    【讨论】:

    • 我是个 js 菜鸟。我不会问我是否知道答案:-)
    • 好的,谢谢。我将如何处理我的第二个问题? $("#Demo").perfectScrollbar({ wheelSpeed: 20, wheelPropagation: true })
    • 不确定.. 从未使用过完美的滚动条库。查看滚动条的 CSS 并查看其渲染是否正确。只是猜测..
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-04-20
    • 1970-01-01
    • 1970-01-01
    • 2011-03-26
    • 1970-01-01
    • 2011-08-25
    • 2011-04-11
    相关资源
    最近更新 更多