小编use*_*961的帖子

Bootstrap Select - 重新初始化动态添加的元素

我正在使用Bootstrap Select(http://silviomoreto.github.io/bootstrap-select/)显示我网站每个部分的Font-Awesome图标下拉列表.

我添加了添加新部分的功能 - 当点击添加按钮时,会添加一个新部分(上一部分的副本).在本节中,Bootstrap Select不起作用.

我尝试重新启动它,如:

var select = $('[name="section['+ numbersection +'][section_icon]"]');
$(select).selectpicker('destroy');
$(select).selectpicker({
  showIcon: false
});
Run Code Online (Sandbox Code Playgroud)

但这不起作用,因为detroy方法似乎没有触发.有没有办法在动态添加的元素上重新启动Bootstrap Select?

jquery select twitter-bootstrap bootstrap-select

22
推荐指数
2
解决办法
4万
查看次数

Typeahead和Bloodhound - 如何获得JSON结果

我有国家的json列表:http://vocab.nic.in/rest.php/country/json

而我正试图通过Bloodhound建议引擎获取country_id和国家名称.我试过以下代码:

var countries = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('country_name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 10,
    prefetch: {
        url: 'http://vocab.nic.in/rest.php/country/json',
        filter: function(response) {
            return response.countries;
        }
    }
});

$('#my-input').typeahead({
        hint: true,
        highlight: true,
        minLength: 1
    },
    {
        name: 'states',
        displayKey: 'value',
        source: countries.ttAdapter()
    });
Run Code Online (Sandbox Code Playgroud)

哪个不起作用.我该如何更改代码才能使其工作?

jquery json typeahead.js

15
推荐指数
1
解决办法
3万
查看次数

WooCommerce - 发送自定义订单状态更改的自定义电子邮件

我添加了自定义状态wc-order-confirmed:

// Register new status
function register_order_confirmed_order_status() {
    register_post_status( 'wc-order-confirmed', array(
        'label' => 'Potvrzení objednávky',
        'public' => true,
        'exclude_from_search' => false,
        'show_in_admin_all_list' => true,
        'show_in_admin_status_list' => true,
        'label_count' => _n_noop( 'Potvrzení objednávky <span class="count">(%s)</span>', 'Potvrzení objednávky <span class="count">(%s)</span>' )
    ) );
}
add_action( 'init', 'register_order_confirmed_order_status' );

// Add to list of WC Order statuses
function add_order_confirmed_to_order_statuses( $order_statuses ) {
    $new_order_statuses = array();
// add new order status after processing
    foreach ( $order_statuses as $key => $status ) { …
Run Code Online (Sandbox Code Playgroud)

php wordpress woocommerce

11
推荐指数
3
解决办法
3万
查看次数

Bootstrap标签输入 - 如何预填充对象值

我在我的表单中使用Bootstrap Tags Input,使用以下代码:

$('#looking_for_job_titles').tagsinput({
    itemValue: 'id',
    itemText: 'name'
});

// TypeAhead.js 
var job_scopes = new Bloodhound({
    datumTokenizer: function(d) {
        return Bloodhound.tokenizers.whitespace(d.value);
    },queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 100,
    remote: {
        url: 'http://www.domain.com/json.php?action=job_title&q=%QUERY'
    }
});

job_scopes.initialize();

$('#looking_for_job_titles').tagsinput('input').typeahead({
        itemValue: 'name'
    },
    {
        name: 'job_scope',
        displayKey: 'name',
        source: job_scopes.ttAdapter(),
        templates: {
            empty: [
                '<div class="empty-message">',
                'no results found',
                '</div>'
            ].join('\n'),
            suggestion: function(data){
                return '<p>'+ data.industry +'> <strong>' + data.name + '</strong></p>';
            }
        },
        engine: Hogan
    }).bind('typeahead:selected', $.proxy(function (obj, datum) {
        this.tagsinput('add', datum);
    }, $('#looking_for_job_titles')));
Run Code Online (Sandbox Code Playgroud)

这工作正常,并返回逗号分隔的id列表,我保存到db.

我的问题是如何在页面刷新时将对象值预填充回输入字段?该对象看起来像: …

tags jquery twitter-bootstrap

10
推荐指数
2
解决办法
2万
查看次数

Bootstrap 3 - 具有不同部分的长形式 - 全宽背景

我开始使用Bootstrap 3并且有一个非常长的形式.我想用不同的全宽背景颜色分隔每个部分,我很好奇正确的标记是什么.

它应该像下面这样吗?

<form>
  <section>
    <div class="container">
       <div class="row">
          <div class="form-group">
              <label for="email" class="col-sm-2 control-label">Email</label>
              <div class="col-xs-12 col-md-4">
                 <input type="email" class="form-control input-sm" name="email" id="email" value="" placeholder="Email">
              </div>
          </div>
       </div>
    </div>
  </section>
</form>
Run Code Online (Sandbox Code Playgroud)

html markup twitter-bootstrap

10
推荐指数
1
解决办法
2万
查看次数

引导模态中的Jcrop会产生错误的坐标

我正在使用我的Jcrop脚本中的本教程中的代码:http://blogaddition.com/2012/12/crop-an-image-and-upload-using-jquery-html5-and-php/

只要我不将图像放入Bootstrap模态,它就能正常工作.之后,图像被裁剪错误.

我试图添加boxWidthboxHeight:

 $('#load_img').Jcrop({
       minSize: [32, 32], // min crop size
       aspectRatio : 1, // keep aspect ratio 1:1
       bgFade: true, // use fade effect
       bgOpacity: .3, // fade opacity
       boxWidth: 200, // added
       boxHeight: 200, // added
       onChange: showThumbnail,
       onSelect: showThumbnail
 }
Run Code Online (Sandbox Code Playgroud)

但它没有帮助.如何让jCrop在Bootstrap模式下工作?

jquery jcrop twitter-bootstrap

9
推荐指数
1
解决办法
2392
查看次数

按钮单击时更新update_order_review()

我的结帐页面上有一个自定义按钮,点击我通过AJAX将产品添加到购物车.

JS:

$('#add_domain_product').on('click', function() {
        $.ajax({
            url: Ajax.ajaxurl,
            type: "POST",
            data: {
                action: 'add_domain_product',
            },
            success: function (data, status, xhr) {
                // update command is executed.
                console.log(data);
            }

        });
    })
Run Code Online (Sandbox Code Playgroud)

PHP:

add_action('wp_ajax_add_domain_product', 'bs_add_domain_product');
function bs_add_domain_product() {
    global $woocommerce;
    $woocommerce->cart->add_to_cart('633');
    exit();
}
Run Code Online (Sandbox Code Playgroud)

之后,我需要刷新订单审核,因此它也会显示我新添加的产品.我怎样才能做到这一点?

javascript php wordpress woocommerce

9
推荐指数
2
解决办法
1万
查看次数

Facebook PHP SDK - 如何获取访问令牌?

我正试图从我的应用程序发布用户的Facebook墙上.用户授予应用程序的权限以在他的墙上发布,并且我在db中有userid.我需要自动发送帖子,而无需用户再次登录.

我的代码是:

try{
    require_once(dirname(__FILE__) . '\lib\facebook-php\src\facebook.php' );
}
catch(Exception $o){
        print_r($o);
}
$config = array(
    'appId' => '123456',
    'secret' => '454544',
    'allowSignedRequest' => false // optional but should be set to false for non-canvas apps
);

$facebook = new Facebook($config);
$user_id = $facebook->getUser();
$user_id = '123456';

if($user_id) {

    // We have a user ID, so probably a logged in user.
    // If not, we'll get an exception, which we handle below.
    try {

        $ret_obj = $facebook->api('/me/feed', 'POST',
            array(
                'access_token' => …
Run Code Online (Sandbox Code Playgroud)

php facebook facebook-graph-api

5
推荐指数
1
解决办法
5万
查看次数

Typeahead.js - 预取动态php生成的JSON

我正在使用Typeahead.js进行自动建议,我的代码是:

var job_scopes = new Bloodhound({
    datumTokenizer: function(d) {
        return Bloodhound.tokenizers.whitespace(d.value);
    },queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 100,
    remote: {
        url: 'http://www.domain.com/json.php?action=job_title&q=%QUERY'
    }
});

job_scopes.initialize();
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我想将其更改为prefetch,以便能够tokens在我的JSON中使用并在Bloodhound上基于令牌返回结果.

我不能简单地创建静态JSON,因为我总是将建议项添加到数据库中.

有没有办法动态预取json?

javascript json prefetch typeahead.js bloodhound

5
推荐指数
1
解决办法
3397
查看次数

Typeahead.js仅匹配单词的开头

我的Typeahead代码是:

var events = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        limit: 100,
        prefetch: {
            url: Ajax.pluginurl + 'json/events.json',
            ttl: 1
        }
    });

    events.initialize();

    initialize_events_typeahead ();

    function initialize_events_typeahead () {
        $('.event_name').typeahead(null, {
            name: 'event',
            displayKey: 'name',
            source: events.ttAdapter(),
            templates: {
                empty: [
                    '<div class="empty-message">',
                    Ajax.no_results_found,
                    '</div>'
                ].join('\n'),
                suggestion: function(data){
                    return '<p><strong>' + data.name + '</strong> - ' + data.description + '</p>';
                }
            },
            engine: Hogan
        });


        $('.event_name').on("typeahead:selected typeahead:autocompleted", function(e,datum) {
            $(this).parent().parent().parent().parent().find('.event_description').val(datum.description);
        });
    }
Run Code Online (Sandbox Code Playgroud)

出于某种原因,此代码仅匹配名称的开头.但是,在演示http://twitter.github.io/typeahead.js/examples/,prefetch部分,使用与我看到的相同的代码,它甚至在开始在世界中间输入内容时也匹配.

我怎样才能解决这个问题?谢谢

编辑:JSON是:

[{"name":"P\u0159\u00edjezd host\u016f","description":"Cras ullamcorper …
Run Code Online (Sandbox Code Playgroud)

jquery typeahead.js

4
推荐指数
1
解决办法
4350
查看次数