-9

角を丸くするjQueryプラグインがあります。ここからライブラリを取得しました:(jquery.corner.js)

http://jquery.malsup.com/corner/

これは私の HTML マークアップです。

<div>
    <div>
      <strong >tab 1</strong> <a href="#">tab 2</a> <a href="#">tab 3</a>
    </div>
</div>

html から jQuery を呼び出すにはどうすればよいですか?

4

4 に答える 4

3

最初に、タグで使用されている ID またはクラスを使用して<div>から、jQuery 呼び出しでそれを識別する必要があります。

<style>
.box{
background-color: blue;
}
</style>
<script>
$(function(){
$('.box').corner();
});
</script>
<div>
<div class="box">
      <strong >tab 1</strong> <a href="#">tab 2</a> <a href="#">tab 3</a>
    </div>
</div>
于 2012-08-24T15:20:07.417 に答える
2

言語が異なるため、HTMLからJQueryを呼び出すことはできません。

JQueryはJavascriptライブラリであり、HTMLファイル内に直接javascriptを挿入できますが、非推奨であるため、あまりお勧めできません。このチュートリアルhttp://www.quirksmode.org/js/placejs.htmlに見られるように、外部ファイルを含めてインポートすることをお勧めします。

また、Jqueryからより簡単に呼び出せるように、エフェクトに識別子が必要なdivを指定する必要があります。HTMLで

元：

<div class="stylebox"> content here  </div>

また

<div id="box1style"> content here  </div>

Javascript（.js）ファイル内で、Jqueryを完全に呼び出すことができます（呼び出すファイルの前にJqueryを含めた場合）。また、以前にライブラリjquery.corner.jsを含め、cssを使用して実装を貼り付ける必要があります。このようなセレクター：

$(document).ready(function(){
$('.stylebox').corner();
}

また

$(document).ready(function(){
$('#box1style').corner();
}
于 2012-08-24T15:29:06.863 に答える
1

jQueryはjavascriptライブラリなので、javascript内で呼び出されます。<script>HTML コードで JavaScript を使用するには、要素タグを追加する必要があります。jquery プラグインを使用する前に、jquery と jquery プラグインの両方をロードする必要があります。

jquery チュートリアルには、jquery の使用方法に関する多くの例があります。

于 2012-08-24T15:20:46.893 に答える
1

その js をコードに含め、 script に次のコードを追加するだけです。

jQuery(document).ready(function(){
    ​jQuery(​"#id1").corner();​​​
 });
​

角を丸くしたいdivにIDを割り当てます。

<div id = "id1">
<div>
      <strong >tab 1</strong> <a href="#">tab 2</a> <a href="#">tab 3</a>
    </div>
</div>​​​

その他の例については、https ://github.com/malsup/corner を参照してください。

于 2012-08-24T15:22:43.013 に答える