Question

第一次尝试：

我在页面上实现了My pen code，但是什么也没有发生（页面为空白）。我为清醒的孩子主题制作了一个JS工作表，当我尝试发出警报时它可以正常工作，但是在实现所需的JS代码时却什么也没有发生。

第二次尝试：

第二次我将所有JS和HTML都实现为wp-bakery中的RAW元素，但是什么也没发生。

我应该怎么做才能使此代码起作用？

    $('.window').draggable();
$('.icon').draggable();

$('.cancel, .close').on('click', function(e){
   e.preventDefault();
  $('.window').hide();
});

$('.ok').on('click', function(e){
   e.preventDefault();
  $('.overlay').toggleClass('on');
  $('.power-button').fadeIn();
});

$('.start-btn').on('click', function(e){
   e.preventDefault();
  $(this).toggleClass('active');
  $('.start-menu').toggleClass('open');
});


$('.windows-update').on('click', function(){
  $('.overlay').addClass('on');
  $('.start-menu').removeClass('open');
  $('.start-btn').removeClass('active');
  $('.window').hide();
  $('.power-button').hide();
  setTimeout(function(){
    $('.desktop').addClass('windowsXP');
    $('.overlay').removeClass('on');
    }, 3000);
});


$('.turn-on-computer').on('click', function(){
  $('.power-button').addClass('on');
  $('.window').hide();
  $('.start-menu').removeClass('open');
  $('.start-btn').removeClass('active');
  setTimeout(function(){
    $('.power-button').removeClass('on');
    $('.power-button').fadeOut();
    }, 2000);
  setTimeout(function(){
    $('.overlay').removeClass('on');
    }, 3000);
});

Answer 1

您确定要向网站添加jquery和jquery ui吗？

为什么我的Codepen无法正确实施到我的网站？

1 个答案: