私はhttp://davidstutz.github.io/bootstrap-multiselect/を使用しています。私は自分のチェックボックス(http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/)をスタイルしたかったのですが、何らかの理由でそれを必要なhtml構造に変更できません。ブートストラップマルチセレクションのための素晴らしいブートストラップチェックボックス
デフォルトのブートストラップ複数選択HTML:
<ul class="multiselect-container dropdown-menu">
<li class="active">
<div class="checkbox">
<label class="checkbox">
<input value="AD" type="checkbox"> Andorra (AD)
</label>
</div>
</li>
...
それは例えばどのようにすべきです私はそれを初期化する方法です
<ul class="multiselect-container dropdown-menu">
<li class="active">
<div class="checkbox">
<input id="multiselect-0" value="vikings" type="checkbox">
<label class="checkbox" for="multiselect-0"> Minnesota Vikings</label>
</div>
</li>
:
$('.multiselect-container div.checkbox').each(function (index) {
var id = 'multiselect-' + index,
$input = $(this).find('input');
$(this).find('label').attr('for', id);
$input.attr('id', id);
$input.detach();
$input.prependTo($(this));
$(this).click(function (e) {
e.stopPropagation();
});
});
私はここからこれを得た:私は構造変更したいですか
$('.test-select').multiselect({
templates: { // Use the Awesome Bootstrap Checkbox structure
li: '<li><div class="checkbox"><label></label></div></li>'
}
});
http://jsfiddle.net/natearmagost/aznvcLps/誰でもアイデアを、なぜそれがない場合があります私の側で働いているか、そうする方法を変えていますか?
以下の解決策は機能しますが、残念ながら、$ .ajax getでオプションを読み込んでマルチ選択を再構築してもまだありません。誰かアイデアなぜ?
$.ajax({
type: 'GET',
url: '/country.php',
dataType: 'json',
success: function(data) {
$.each(data.data, function (i, item) {
display = item.display;
$('.select-country').append('<option value="' + display + '">(' + display + ')</option>');
//console.log(item)
});
$('.select-country').multiselect('rebuild');
}
});
恐ろしい答えvanburen ...のように働く魅力。このために多くのありがとう。 –
こんにちはvanburen ... $ .ajax経由でオプションを読み込んで複数選択を再構築すると、html構造は必要に応じて変更されません。なぜそういう考え? –