Блог

Главная - Вопросы по программированию - Невозможно использовать CircleType.js

Невозможно использовать CircleType.js

#html #jquery-plugins #circletype

#HTML #jquery-плагины #тип круга

Вопрос:

Как вы включаете circletype.min.js в HTML-файл и вызвать его функцию во внешнем js-файле?

Я также загрузил circletype.min.js файл в мой рабочий каталог, однако, после выполнения различных руководств, он по-прежнему не работает для меня.

Подробный код: HTML:

 <!DOCTYPE html>
<html>
<head>
    
    <script type="text/javascript" src="index.js"></script>
    <!-- circle type.js-->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <script src="javascript/circletype.min.js"></script>
    <script src="http://circletype.labwire.ca/js/plugins.js"></script>
</head>
<body>
    <div>
        <div class="links">
            <ul id="directory">
                <li class="ul_links"><a href="#">About Us</a></li>
                <li class="ul_links"><a href="#">Our Works</a></li>
                <li class="ul_links"><a href="#">Contact Us</a></li>
            </ul>
        </div>
    </div>
</body>
</html>

JS:

 new CircleType(document.getElementById("directory")).radius(384);

Комментарии:

1. добавьте какой-нибудь живой пример.

Ответ №1:

Используйте эти 2 библиотеки, и это будет работать:

 <script src="https://cdn.jsdelivr.net/npm/circletype@2.3.0/dist/circletype.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
new CircleType(document.getElementById('type'))
.radius(384);
</script>

Ответ №2:

Обратитесь к этому :

 new CircleType(document.getElementById('type'))
  .radius(384);  
 <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>circletype-test</title>
</head>

<body>
  <h1 id="type">About Me :</h1>

  <!--circletype.min.js cdn link(you don't need this)-->
  <script src="https://circletype.labwire.ca/dist/circletype.min.js"></script>

  <!--circletype.min.js file path-->
  <script src="circletype.min.js"></script>

  <!--your external js file path-->
  <script src="script.js"></script>
</body>

</html>

Комментарии:

1. Привет! спасибо за ваш вклад! тем не менее, я все еще не могу запустить его, не могли бы вы просмотреть мой отредактированный вопрос и помочь мне? заранее благодарю вас!