Я использую Jplane с ajax (Jquery + JSON), а JPLANE не init.
Это HTML-код:
<div id="punts_venda">
<div id="fotografies">
<img src="/images/botiga.jpg" alt="imatge botiga" />
</div>
<div id="explicacio">
<h2><?php echo __('altres punts de venda')?></h2>
<?php //echo javascript_include_tag('jquery_eduardo/getprovincias.js') ?>
<?php // print_r($provincias) ?>
<div id="select">
<select id="provinciachange" name="provincies[]" class="mySelect">
<?php foreach($provincias as $key => $provincia): ?>
<option <?php echo ($key==0)?"selected='selected'":''; ?> value="<?php echo $provincia["id"]; ?>"><?php echo $provincia["nom"]; ?></option>
<?php endforeach ?>
</select>
</div>
<div id="scroll">
</div>
</div>
</div>
Код Jquery:
(function($) {
$(document).ready(function(){
id=$("#provinciachange option:first").val()
getpuntosdeventa(id);
//getpuntosdeventa(1);
$("#provinciachange").change(function(){
getpuntosdeventa($(this).val())
});
function getpuntosdeventa(id)
{
$("#scroll").empty()
$.getJSON('<?php echo url_for('ajax/index/?id=',true)?>'+id, function(data) {
var items = [];
console.log("items",data.items)
$.each(data.items, function(key,val) {
//items.push('<p>' + val.nombre + ','+val.direccion + ','+val.ciutad +'</p>');
$("#scroll").append('<div id="punt"><p>' + val.nombre + '</p><p>'+val.direccion + '</p><p class="bold">'+val.ciutad +'</p></div>');
});
$('#scroll').jScrollPane();
});
}
});}) (jQuery)
Чтобы увидеть демонстрацию: http://81.35.152.41:8888/ca/dinamic/puntsvenda, затем выберите вариант barcelona в select.
В барселоне select будет инициализировать прокрутку, а не будет запущен ...
Когда проблема?
Спасибо
С уважением