如何使用HTML文件調用腳本

我正在嘗試配置一個jquery插件，並且遇到以下說明，我對JS很新，所以很抱歉，如果這是一個愚蠢的問題。我不知道如何構建我的HTML來調用下面的腳本。我所要做的就是設置高度和寬度。插件作者沒有回覆我的電子郵件，所以我希望有人在這裏可以幫助我，真的很感激。如何使用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文件？我是否需要在某個地方定義「你的腳蹼ID」的名字？

感謝 Ĵ

來源

2014-03-03 user3373598

u能提供的鏈接插件？我也看到了你的代碼的一些問題。 – Vinay

插件的名稱是什麼？發佈一個鏈接到網站 –

這$（ '＃你-鰭-ID'）僅僅代表的元素你想要應用鰭狀肢插件。在這種情況下，它正在搜索ID爲your-flipper-id的元素。你可以改變它，無論你想要什麼。

我建議你把這段代碼放到一個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. 
    }); 
});

這將在頁面準備就緒時執行您的代碼。

來源

2014-03-03 05:43:00

謝謝西蒙，從你的評論中找出它。 – user3373598

如果元素的類名是「.Apple-tab-span」那麼你必須這樣調用下面的函數。

<script type="text/javascript"> 

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

</script>

來源

2014-03-03 05:38:45

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

其中foo是要放翻轉動畫的HTML元素的ID。

從腳蹼的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 
      } 
     });

來源

2014-03-03 05:40:12 Gaurav

方法1：

：你可以定義你的元素之後調用此函數

方法2：你可以說它是在標題部分：

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

但我建議你使用方法1

來源

2014-03-03 05:41:23

首先你需要包括jQuery的文件，因爲需要這個插件這和筆者提供插件文件下面的jQuery的文件是這樣的：

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

然後，你需要結束body標籤這樣之前把這個代碼。

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

是的，你必須定義你想要鰭效應的元素的id。如果css文件是由作者提供的，則將其放在文檔的主css文件中。

來源

2014-03-03 05:42:10

有兩個步驟。
首先你要添加到您的<head>文件這個

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

，然後你必須調用：

<script type="text/javascript"> 

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

</script>

來源

2014-03-03 05:42:35 Victor

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'

來源

2014-03-03 05:44:55

$（'＃your-flipper-id'）是指具有該ID的頁面上的元素。例如，

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

要調用的鰭狀肢功能，使用

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

來源

2014-03-03 05:45:43 Erik

如何使用HTML文件調用腳本

回答

相關問題