ArcText.JS在HTML文档中引发错误

时间:2015-05-21 14:30:35

标签: javascript jquery html css

所以我试图在我的网站上使用ArcText.JS jQuery插件来创建一些文本。

我在页面控制台中出现此错误:

Class Sensor:
    __metaclass__ = ABCMeta
    pass

class CameraSensor(Sensor):
    __metaclass__ = ABCMeta
    @abstractmethod
    def get_frame():
        pass
    @abstractmethod
    def set_parameter():
        pass

class Camera(BaseObject):
    def _get_sensor(self):
        # get the sensor
        assert issubclass(sensor, CameraSensor)

我在头标记中关闭之前声明了ArcText.JS。

ReferenceError: $ is not defined

然后在身体标签中我有:

    <!-- ArcText.JS -->
<script type="text/javascript" src="http://tympanus.net/Development/Arctext/js/jquery.arctext.js"></script>


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

与div相关联:

<script>
    $().ready(function() {
        $('#Services').arctext({radius: 300});
    });
</script>

在我的custom.css中,我已经设置了#Services样式但是不应该抛出JS错误吗?

修改

我将代码编辑为以下内容。还是没有雪茄。

    <div class="Services" id="Services">
    <div class="row text-vcenter">
        <div class="col-md-4">
            <p class="services">P1</p>
        </div>
        <div class="col-md-4">
            <p class="services">P2</p>
        </div>
        <div class="col-md-4">
            <p class="services">P3</p>
        </div>
    </div>
</div>

2 个答案:

答案 0 :(得分:1)

您需要在页面中添加jquery

答案 1 :(得分:0)

正如@dandapereira在这篇文章中所说:JQuery - $ is not defined

我将$(document).ready(function() {更改为window.onload = function(){,现在看起来效果很好!