Questions tagged «jquery-ui»

3
如何保存拖放式jQuery UI Sortables前端布局编辑器的状态?
我正在使用jQuery UI Sortable构建前端帖子布局编辑器。 这些帖子在背景图片上以300px x 250px的框进行布局。这些帖子是使用WordPress管理员创建和编辑的,但我想允许站点管理员使用前端的拖放界面来调整框的顺序。 我有拖放式可排序部分,但需要想出一种方法来保存盒子的状态(顺序)。理想情况下,我希望能够将状态另存为选项并将其构建到查询中。 帖子查询是一个简单的WP_Query,它也从自定义元框获取数据以确定各个框的布局。 $args= array( 'meta_key' => 'c3m_shown_on', 'meta_value'=> 'home' ); $box_query = new WP_Query($args); ?> <ul id="sortable"> <?php while ($box_query->have_posts()) : $box_query->the_post(); global $post; global $prefix; $box_size = c3m_get_field($prefix.'box_size', FALSE); $box_image = c3m_get_field($prefix.'post_box_image', FALSE); $overlay_class = c3m_get_field($prefix.'overlay_class', FALSE); if ( c3m_get_field($prefix.'external_link', FALSE) ) { …


2
jquery-ui-datepicker的内置样式
我想使用网站前端与WordPress捆绑在一起的datepicker。我入队了,jquery-ui-datepicker但datepicker的样式没有设置(控制台中没有js错误)。有对应wp_enqueue_style的吗? 我在 functions.php function rr_scripts() { wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'jquery-ui-datepicker', array( 'jquery' ) ); wp_register_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' ); wp_enqueue_style( 'bootstrap_css' ); # I'm using Twitter Bootstrap as CSS(if it matters) } add_action( 'wp_enqueue_scripts', 'rr_scripts' );

3
如何在插件中使用jQuery UI
当我用Google搜索某事​​,却什么也没有返回时,这真是令人难过的一天。我正在尝试使用默认的datepicker(或此时的任何datepicker),但由于我对Wordpress / PHP缺乏了解而无法使用。在我的插件中,我尝试注册jquery和ui,并且显然在此过程中破坏了WordPress的其他部分。有人可以告诉我我做错了什么,如果他们可以提供可行的解决方案,我将废弃所有代码: add_action('init', 'add_styles'); function add_styles(){ wp_deregister_style('simpleschoolstyles'); wp_register_style('simpleschoolstyles', SSM_STYLEFILE); wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'); wp_deregister_script( 'jquery-ui' ); wp_register_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js'); wp_deregister_style( 'jquery-ui' ); wp_register_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/pepper-grinder/jquery-ui.min.css' ); wp_deregister_script('maskedinput'); wp_register_script('maskedinput', SSM_PLUGIN_URL . '/includes/js/jquery.maskedinput.min.js'); wp_deregister_script('simpleschool'); wp_register_script('simpleschool', SSM_PLUGIN_URL . '/includes/js/simpleschool.js'); } add_action('wp_enqueue_scripts', 'load_scripts'); add_action('admin_enqueue_scripts', 'load_scripts'); function load_scripts() { wp_enqueue_style('jquery-ui'); wp_enqueue_style('simpleschoolstyles'); wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui'); …

3
入队jquery-ui的正确方法
我在插件中包含jquery-ui脚本和样式时遇到了困难。看来我的wp_enqueue_script电话完全被忽略了。 已经有很多与此问题类似的问题,但是到目前为止,我发现的所有答案都归结为wp_enqueue_script在wp_enqueue_scripts动作挂钩中调用,而这已经在做了。 在类的构造函数中,我调用: add_action( 'wp_enqueue_scripts', array($this, 'enqueue_scripts') ); 然后,在下面: public function enqueue_scripts() { wp_enqueue_script( 'jquery-ui-core', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-widget', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-mouse', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-accordion', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-autocomplete', false, array('jquery')); wp_enqueue_script( 'jquery-ui-slider', false, array('jquery')); 我检查了代码是否实际上在每次页面加载时都会执行。但是,页面缺少<link>jquery-ui库的标签。我已经尝试过jquery在wp_enqueue_script调用的第三个参数中显式指定的依赖性和不依赖性。 我还尝试了简单的WP 4.8安装,除了我的以外没有安装任何插件,并且仅使用默认的27个主题。没有骰子。 我的代码有什么问题?
8 jquery-ui 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.