-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

最初,您应该使用<div>标签上使用的 id 或类,然后在 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 库,尽管您可以将 javascript 直接插入到 html 文件中,但不推荐使用它,因为它已被弃用。最好包含一个外部文件并导入它,如本教程http://www.quirksmode.org/js/placejs.html所示

您还应该为您想要效果的 div 提供一个标识符,以便可以更轻松地从 Jquery 调用它。在 HTML 中

前任:

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

或者

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

在 Javascript (.js) 文件中,您可以完美地调用 Jquery(前提是您在调用的文件之前已包含它),您还应该先前包含库 jquery.corner.js,并使用您的 css 粘贴实现像这样的选择器:

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

或者

$(document).ready(function(){
$('#box1style').corner();
}
于 2012-08-24T15:29:06.863 回答
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 回答
1

jQuery 它是一个 javascript 库,因此它在 javascript 中被调用。要在 HTML 代码中使用 javascript,您需要添加<script>元素标记。在你可以使用你的 jquery 插件之前,你需要加载 jquery 和 jquery 插件。

jquery Tutorials中有很多关于如何使用 jquery 的示例。

于 2012-08-24T15:20:46.893 回答