0

因此，我使用了以下 URL 的根 JS Fiddle（761 之前的部分），我得到了一个很好的设计，完全符合我的要求。这是链接：

单击此处查看整个 JSFiddle，这里是 Javascript 代码：

$('#trigger').click( function() {
    if ($('#popout').hasClass('hidden')) {
        $('#popout').removeClass('hidden');
        showPopout();
    }
    else {
        $('#popout').addClass('hidden');
        hidePopout();
    }
});

function showPopout() {
    $('#popout').animate({
        top: 49
    }, 'slow', function () {
        $('#trigger span').html('|||');  //change the trigger text at end of animation
    });
}

function hidePopout() {
    $('#popout').animate({
        top: -150
    }, 'slow', function () {
        $('#trigger span').html('|||');  //change the trigger text at end of animation
    });
}

但是当我在这里实现它时：http: //m.bwpcommunications.com/agency.php它不起作用。

有谁知道为什么会这样？

4

2 回答 2

2

您需要在此页面上加载 jQuery：http: //m.bwpcommunications.com/agency.php jQuery UI 不等同于 jQuery。

https://developers.google.com/speed/libraries/devguide#jquery

于 2013-10-31T23:03:50.297 回答
2

看起来您可能在 DOM 加载之前设置了点击处理程序。

您可以看到，通过更改小提琴以“在头”（如您的实时站点）加载 jQuery，您的代码将停止工作。 http://jsfiddle.net/tzDjA/764/

您可能需要在单击处理程序周围添加以下内容。
这将在 DOM 加载后配置您的处理程序。

$(function() {

  $('#trigger').click( function() {
    [...]
  }  

});

http://jsfiddle.net/tzDjA/762/

或者，尝试委托处理程序，以便稍后将其应用于添加到 DOM 的元素。

$(document).on('click','#trigger',function() {
  [...]
});

http://jsfiddle.net/tzDjA/763/

于 2013-10-31T23:01:02.667 回答