Onclick обновить только div

Question

Привет, мне нужна помощь с обновлением div, но не автообновление!

У меня есть такой div.

<div id="osvezi">
<?php include('moduli/skupina_artiklov/osvezi.php'); ?>
</div>

Я хочу, чтобы я нажал какую-то кнопку, они обновили меня только div osvezi.

Спасибо за помощь.

Answer 1

Вы можете использовать .load() с таким селектором, как этот:

$(function() {       //run when the document's ready, elements are loaded
  $("#myButton").click(function() {
    $("#osvezi").load(location.href + " #osvezi > *");
  });
});

Это реагирует на элемент с нажатием id="mybutton" и перезагружает страницу, но только эту часть.В качестве альтернативы, если moduli/skupina_artiklov/osvezi.php доступен напрямую, вы можете просто загрузить его напрямую (более эффективно!) Следующим образом:

$(function() {
  $("#myButton").click(function() {
    $("#osvezi").load("moduli/skupina_artiklov/osvezi.php");
  });
});

Answer 2

У меня есть в sestavljen_artikel.php этот div osvezi. И в этом файле у меня есть JQuery код, который чувствует меня другим выбором.

JQuery:

<script type="text/javascript">
    function nalozi() {
        var id_skupine = $('#skupina option:selected').val();
        $('#artikel option').remove();

        //$('#artikel').append('<option value="'+id_skupine+'">'+id_skupine+'</option>');
        $.getJSON('moduli/skupina_artiklov/artikli.php', {id_skupine:$('#skupina').val()}, function(data) {
            $.each(data, function(index,item) {
                $("#artikel").append("<option value=" + item.id + "-" + item.cena + ">" + item.ime_artikla + " - " + item.storitev + " (" + item.cena + " €" + ")" + "</option>"); 
            });
        });
    } 
</script>

Но когда они обновили меня div, эта функция не работает и другие функции.