2010-10-18 2 views
2

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

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

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

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

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

ответ

8

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

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

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

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

нормально, но у меня есть следующая проблема – Alen

+0

$ (функция() {// прогон, когда документ готов, элементы загружаются $ ("# MyButton"). Нажмите (функция() { $ ("# osvezi") .load (location.href + "#osvezi> *"); }); }); Это обновить меня div, но я использовал в своем php-файле sestavljen_artikel.php функция jquery, чтобы чувствовать себя еще одним выбором – Alen

+0

@Alen - Я не следую вашему вопросу, вы можете уточнить? –

0

Я имею в sestavljen_artikel.php это ДИВО 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> 

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

Смежные вопросы