Question

我正在尝试将.click函数与jQuery工具的叠加层一起使用，但它无效。

HTML：

<p id="click">Clikc here:</p>
<div class="pop">
  <div>
    <p>some text here</p>
  </div>
</div>

jQuery函数：

 $( "#click" ).click(function(){
 $( ".pop" ).overlay({
     top: 10,
     mask: {color:'#595959',loadSpeed: 1000,opacity: 0.5},
     closeOnClick: false,
     api: true
 });

我已将(document).ready添加到顶部。我想在用户点击文字时弹出叠加层。

Answer 1

您需要将代码分为2个操作，1。定义叠加层，2。以编程方式启动叠加层。见this demo

jQuery(function () {
    $("#click").click(function () {
        $(".pop").overlay().load();
    });

    $(".pop").overlay({
        top: 10,
        mask: {
            color: '#595959',
            loadSpeed: 1000,
            opacity: 0.5
        },
        closeOnClick: false,
        api: true
    });
})

演示：Fiddle

Answer 2

我发现了这个问题。问题出在jQuery工具版本1.2.5中，好像叠加层不是方法，也在1.2.6中。我必须做的是使用版本1.2.7，它的工作原理。我在原来的jQuery之后加载它。

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src=""http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js""></script>

如何使用覆盖的.click功能？

2 个答案: