Как вызвать скрипт с файлом HTML

Question

Как вызвать скрипт с файлом HTML

0

Я пытаюсь настроить плагин jquery и натолкнулся на следующие инструкции: я очень новичок в JS, так что извините, если это глупый вопрос. Я не уверен, как структурировать html, чтобы вызвать следующий скрипт. Все, что я пытаюсь сделать, это установить высоту и ширину. Автор плагинов не отвечает на мои электронные письма, поэтому я надеюсь, что кто-то здесь может мне помочь, очень понравится.

Наконец, вам нужно вызвать скрипт:

$('#your-flipper-id').flipper();

Это все, что вам нужно сделать, чтобы получить плагин. Кроме того, вам может потребоваться указать некоторые параметры:

$('#your-flipper-id').flipper({

    "width" : 500,<span class="Apple-tab-span" style="white-space:pre"> </span>// The total width of the widget.

    "height" : 250,<span class="Apple-tab-span" style="white-space:pre"> </span>// The total height of the widget.

});

Поэтому мой вопрос: где я могу "вызвать" этот скрипт в моем html файле? Нужно ли мне где-то определять имя "ваш-flipper-id"?

Спасибо J

user3373598 03 март 2014, в 07:21

Источник

0

Можете ли вы предоставить ссылку на плагин? Также я видел некоторые проблемы с вашим кодом.
Vinay 03 март 2014, в 05:38
0

Как называется плагин? Разместить ссылку на сайт
Dylan de St Pern 03 март 2014, в 05:38

Теги:

javascript

jquery

html

plugins

call

8 ответов

1

есть два шага.
Сначала вы должны добавить это в свой <head> файл

<script src="pathofyourplugin.js"></script>

и тогда вам нужно позвонить:

<script type="text/javascript">

$('.Apple-tab-span').flipper({
"width" : 500,
"height" : 250
});

</script>

Victor 03 март 2014, в 02:50

0

если ваше имя класса элемента " .Apple-tab-span ", тогда вы должны вызвать функцию, подобную приведенной ниже.

<script type="text/javascript">

$('.Apple-tab-span').flipper({
    "width" : 500,
    "height" : 250
});

</script>

Rakesh Kumar 03 март 2014, в 04:12

0

МЕТОД 1: Вы можете вызвать эту функцию после определения элемента:

<div id="flip-content"> 
    //Your content
</div> 
<script>
$('#flip-content').flipper();
</script>

МЕТОД 2: вы можете вызвать его в разделе заголовка:

$(document).ready(function(){
  $('#flip-content').flipper();
});

Но я предлагаю вам использовать МЕТОД 1.

Manish Patwari 03 март 2014, в 04:02

0

$ ('# your-flipper-id') относится к элементу на странице с этим идентификатором. Например,

<div id="your-flipper-id"></div>

Чтобы вызвать функцию flipper, используйте

$(window).load(function() {
 $('#your-flipper-id').flipper({
  "width" : 500,
  "height" : 250
 });
});

Erik 03 март 2014, в 04:02

0

I think you should go with first  basic Java script tutorials and then you should learn about jquery plugin 

http://www.w3schools.com/js/DEFAULT.asp

http://www.w3schools.com/jquery/default.asp


and you have to give 'your-flipper-id' as id of HTML element. 

<div id='your-flipper-id'>
// your html element

</div>

$('#your-flipper-id').flipper()  where it will try to find an element on page by this id :'#your-flipper-id'

Balram Maurya 03 март 2014, в 03:07

0

Сначала вам нужно включить файл jQuery, потому что этот плагин потребовал этого, и автор предоставил файл плагина под файлом jQuery следующим образом:

<script src="jquery cdn url here"></script>
<script src="author plugin file here"></script>

Затем вам нужно поставить этот код перед тегом body body следующим образом.

<script>
//to ensure that page has been loaded fully
$(document).ready(function(){
    $('#your-flipper-id').flipper(); 
});
</script

И да, вы должны определить идентификатор для элемента, в котором вы хотите эффекта флиппера. также если файл css предоставлен автором, поместите это ниже в свой основной файл css в документе.

kp singh 03 март 2014, в 02:59

0

 $('#foo').Flipper();

где foo - id элемента html, на который вы хотите поместить флип-анимацию.

На странице flipper jQuery https://github.com/dclowd9901/jquery.Flipper

HTML-код

<div id="twitter"></div>

и javascript

var twitterBoard = $('#twitter').Flipper({
            dimensions : [22, 12],
            text : '',
            fontSize: 24,
            skipAnimationThreshold : 3,
            lineDelay: 1000,
            textOffset : {
                v : 3
            }
        });

Gaurav 03 март 2014, в 02:58

Ещё вопросы

Можете ли вы предоставить ссылку на плагин? Также я видел некоторые проблемы с вашим кодом.
Как называется плагин? Разместить ссылку на сайт

Simon LeVasseur · Accepted Answer · 2014-03-03T03-52-00.000Z

Этот $ ('# your-flipper-id') просто представляет элемент, к которому вы хотите применить плагин flipper. В этом случае он ищет элемент с идентификатором идентификатора вашего флиппера. Вы можете изменить это так, как хотите.

Я бы предложил вам поместить этот код в JS файл, который вызывается в конце вашего тела HTML.

У вас должно быть что-то вроде этого:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- YOUR HTML HERE -->
    <script type="application/javascript" src="js/jquery.min.js"></script>
    <script type="application/javascript" src="js/flipper.min.js"></script>
    <script type="application/javascript" src="js/main.js"></script>
</body>
</html>

В этом случае вы сначала загружаете jQuery, затем ваш плагин, а затем ваш собственный javascript. Внутри вашего собственного файла javascript вы поместите этот код. Он должен выглядеть примерно так:

$(function() {
    $('#your-flipper-id').flipper({
        "width" : 500,<span class="Apple-tab-span" style="white-space:pre"> </span>// The       total width of the widget.

        "height" : 250,<span class="Apple-tab-span" style="white-space:pre"> </span>// The total height of the widget.
    });
});

Это выполнит ваш код, когда страница будет готова.

Спасибо Саймон, понял это из твоего комментария.