douyou2368 2015-07-16 16:06
浏览 55

WordFress插件选项页面中的JSFiddle

I made a script in jsfiddle http://jsfiddle.net/JGM85/279/ and wanted to use it in my plugin option page. I created the css file(css/style.css) and a js file(js/main.js) And I referenced it like this:

<script type="text/javascript" src="js/main.js"></script>
<link href="css/style.css" rel="stylesheet" />

But the datepicker is not working nor the js and css. Does Wordpress has a special way of calling JS,Jquery, and css files?

Updated code 

function super_plugin_scripts(){
        wp_enqueue_script('jquery-ui-core');
    wp_enqueue_script('jquery-ui-datepicker');
}
add_action('wp_enqueue_scripts','super_plugin_scripts');
?>
<html>

<div class="demo">

<p>Date: <input type="text" id="datepicker" placeholder="Select a date"></p>

</div><!-- End demo -->


</html>
  • 写回答

1条回答 默认 最新

  • drozwmi5440 2015-07-17 06:21
    关注

    Try to use below code:

    //SETUP
function super_plugin_install(){
        //Do some installation work
}
register_activation_hook(__FILE__,'super_plugin_install');

    Add Script and Style : (Please add css and js inside your plugin folder)

    //SCRIPTS
function super_plugin_scripts(){
        wp_register_style( 'my-plugincss', plugin_dir_url( __FILE__ ).'css/style.css' ) );
        wp_enqueue_style( 'my-plugincss' );
        wp_register_script('super_plugin_scriptjs',plugin_dir_url( __FILE__ ).'js/main.js');
        wp_enqueue_script('super_plugin_scriptjs');
}
add_action('wp_enqueue_scripts','super_plugin_scripts');

    Another way to add datapicker in your plugin :(not CSS, for css you need to follow above code)

     wp_enqueue_script('jquery-ui-core');
 wp_enqueue_script('jquery-ui-datepicker');
    评论

报告相同问题？

悬赏问题

  • ¥15 csmar数据进行spss描述性统计分析
  • ¥15 各位请问平行检验趋势图这样要怎么调整？说标准差差异太大了
  • ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
  • ¥15 wpf界面一直接收PLC给过来的信号，导致UI界面操作起来会卡顿
  • ¥15 init i2c:2 freq:100000[MAIXPY]: find ov2640[MAIXPY]: find ov sensor是main文件哪里有问题吗
  • ¥15 运动想象脑电信号数据集.vhdr
  • ¥15 三因素重复测量数据R语句编写，不存在交互作用
  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络，如何解决？