casperjs为什么DOM在评估函数中是空的？

Question

我有一个简单的脚本，但问题是我有空DOM并且无法获取任何数据。我做错了什么？

这是我的剧本：

var casper = require('casper').create({
        verbose: true,
        logLevel: 'error',
        pageSettings: {
            userAgent: 'Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.2 Safari/537.36',
            javascriptEnabled: true
        },
        clientScripts: [
            'js/jquery-2.1.4.min.js'
        ]
    }),
    utils = require('utils');

function getMaxPages() {
    return $('#sportbetPageSelectorPanel').find('ul.lil li.lil-item').eq(-2).text();
}

casper.on('remote.message', function (msg) {
    this.echo('Remote: ' + msg);
});

casper.on("page.error", function(msg, trace) {
    this.echo("Error: " + msg, "ERROR");
});
casper.start('https://example.com/');

casper.then(function () {
    var maxPage = casper.evaluate(getMaxPages);

    console.log('max pages: '+maxPage);
});

casper.run(function () {
    this.exit();
});

控制台日志：$ max pages: 就像对象#sportbetPageSelectorPanel不存在一样。我甚至试图记录$('body').html()并且空洞刺痛。任何人都可以帮我这个吗？