SmoothState.js与javascript冲突 - Wordpress

Question

我在WordPress网站上使用smoothState，但是我需要添加一段javascript来创建弹出模式。

我目前只能刷新页面时使用的javascript，我尝试了一些我在这里和stackoverflow上发布的不同方法。我尝试的任何东西都不起作用或破坏网站。

这是我工作的smoothstate代码：

jQuery(document).ready(function( $ ) {
  'use strict';
  var $page = $('#smoothstate'),
      options = {
        debug: true,
        prefetch: true,
        cacheLength: 4,
        onStart: {
          duration: 150, // Duration of our animation
          render: function ($container) {
            // Add your CSS animation reversing class
            $container.addClass('is-exiting');
            // Restart your animation
            smoothState.restartCSSAnimations();
          }
        },
        onReady: {
          duration: 0,
          render: function ($container, $newContent) {
            // Remove your CSS animation reversing class
            $container.removeClass('is-exiting');
            // Inject the new content
            $container.html($newContent);
    $container.addClass('fade--in');
          }
        }
      }
});

这是我需要加载的javascript：

(function($) {
    $(".orange-btn").click(function(e){
        $(".hidden").fadeIn( 500 );
        $(".hidden").addClass( "click" );
        e.preventDefault();
        $(".closebox").addClass( "close" );
    });
}(jQuery));

如果有人能提供帮助我真的很感激！谢谢！