Cómo agregar select2 js en las opciones de tema del lado del administrador de wordpress

He agregado Select2 js para proporcionar capacidades de búsqueda en las opciones desplegables de configuración de mi tema de wordpress para agregar búsqueda -> http://nimb.ws/1QW6id

He agregado el siguiente código a mi archivo de opciones de administrador:

<?php if(is_admin()) { ?>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<script type="text/javascript">
  $(document).ready(function($) {
    $('.option-tree-ui-select').select2();
});
</script>

<?php } ?>

En el lado del administrador esto funciona, pero el código entra en conflicto con el menú de medios del lado del administrador. El menú multimedia se carga continuamente y no permite cargar nuevas imágenes. Cuando elimino el nuevo código, la funcionalidad multimedia comienza a funcionar correctamente.

¿Alguna idea sobre cómo solucionar este problema?

Usar wp_enqueue_script función para incluir scripts. También elimine su llamada jquery. Usa dependencias.

Ver un ejemplo

Coloque este código en functions.php de su tema o en el archivo del complemento principal:

function enqueue_select2_jquery() {
    wp_register_style( 'select2css', '//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.css', false, '1.0', 'all' );
    wp_register_script( 'select2', '//cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.js', array( 'jquery' ), '1.0', true );
    wp_enqueue_style( 'select2css' );
    wp_enqueue_script( 'select2' );
}
add_action( 'admin_enqueue_scripts', 'enqueue_select2_jquery' );

Esta acción incluirá bibliotecas select2 y jquery. Tercer parámetro de wp_register_script le dijo a WordPress que para que este script funcione bien, se debe incluir jquery core. Ver más detalles en portal de desarrolladores. Si establece el tercer parámetro en array('jquery') jquery core se incluirá antes de su complemento select2 automáticamente.

Que en su página, encabezado, archivo scrtip (donde desee) coloque JS con el complemento call select2:

<script type="text/javascript">
  $(document).ready(function($) {
      $('.option-tree-ui-select').select2();
  });
</script>