Onclick只刷新div

时间:2010-10-18 13:30:06

标签: jquery ajax

嗨我需要帮助刷新div,但不能自动刷新!

我有这样的div。

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

我希望我点击一些按钮,他们只刷新我的口号。

感谢您的帮助。

2 个答案:

答案 0 :(得分:8)

您可以将.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");
  });
});

答案 1 :(得分:0)

我在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时,这个功能不起作用和其他功能。