BigText和FitText都不起作用

时间:2013-06-06 02:41:23

标签: javascript jquery html css fonts

我有这个简单的html片段

<div id="bigtext" style="width: 300px">
    <div>The elusive</div>
    <div>BIGTEXT</div>
    <div>plugin exclusively</div>
    <div>captured on film</div>
</div>

没有启用CSS,所以它不会干扰任何事情。然后我有一个简单的Javascript文件,其中包含以下代码:

$(document).ready(function() {
    $("#bigtext").bigtext();
});

另外在我的html中我加载了bigtext.js。我已确认两个Javascript文件都是通过警报加载的,但文本没有调整大小以适应。我也尝试使用FitText,但也没用。我完全从website复制了BigText示例,但没有运气。有什么想法吗?

2 个答案:

答案 0 :(得分:2)

看看GitHub上的bigtext demo并添加了几行如下所示,它似乎正在运作......

<body>
    <div id="bigtext">
        <div>The elusive</div>
        <div>BIGTEXT</div>
        <div>plugin exclusively</div>
        <div>captured on film</div>
    </div>

    <script src="jquery-1.7.1.min.js"></script>
    <script src="bigtext.js"></script>
    <script>
    var bt = BigText.noConflict(true);
    $.fn.bt = bt.jQueryMethod;

    $('#bigtext').bt();
    </script>
</body>

答案 1 :(得分:0)

BigText plugin期望ID可以使用。