我正在使用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?
我有国家的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)
哪个不起作用.我该如何更改代码才能使其工作?
我添加了自定义状态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) 我在我的表单中使用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.
我的问题是如何在页面刷新时将对象值预填充回输入字段?该对象看起来像: …
我开始使用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) 我正在使用我的Jcrop脚本中的本教程中的代码:http://blogaddition.com/2012/12/crop-an-image-and-upload-using-jquery-html5-and-php/
只要我不将图像放入Bootstrap模态,它就能正常工作.之后,图像被裁剪错误.
我试图添加boxWidth
和boxHeight
:
$('#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模式下工作?
我的结帐页面上有一个自定义按钮,点击我通过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)
之后,我需要刷新订单审核,因此它也会显示我新添加的产品.我怎样才能做到这一点?
我正试图从我的应用程序发布用户的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) 我正在使用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?
我的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 ×5
php ×3
typeahead.js ×3
javascript ×2
json ×2
woocommerce ×2
wordpress ×2
bloodhound ×1
facebook ×1
html ×1
jcrop ×1
markup ×1
prefetch ×1
select ×1
tags ×1