Div重新加载不起作用

时间:2016-01-14 21:36:54

标签: javascript jquery

我想在点击按钮后重新加载div。它适用于Chrome,Firefox和Opera,但在边缘和Internet Explorer中,重新加载不起作用。单击按钮或刷新页面时,它不起作用。清除缓存后,我得到了正确的信息一次。

当我按下按钮时,我收到消息“hier”。但div不会在边缘或Internet Explorer中重新加载。在数据库中的插入工作,tho。

PHP:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script>
        $(document).ready(function (e) {
                $("#formfarbe").on('submit',(function(e) {
                    e.preventDefault();
                    $.ajax({
                        url: "insertColor.php",
                        type: "POST",
                        data:  new FormData(this),
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function()
                        {   
                            reloadeigeneColor();
                        },
                        error: function() 
                        {
                        }           
                   });
                })); 
                //Seiten laden auf klick
                $('#usecolor').click(function(event){ 
                    $("#eigenecolor_liste").load('./showOwnColor.php');   

            });
        </script>

...

<div id = 'eigenecolor'>
    <br>
    Farbe einfügen:
    <br><br>
    <form id = 'formfarbe' method = 'POST'>
        #<input type = 'text' name = 'owncolor' id = 'owncolor' style = 'width: 10vw;'><br><br>
        <input type = 'submit' name = 'usecolor' id = 'usecolor' value = 'hinzufügen'>
    </form>
    <br>
    <div id = 'eigenecolor_liste'>
        <?php
            $query = mysqli_query($connect,"select name,wert from color order by id desc");
            while ($zeile = mysqli_fetch_array($query,MYSQLI_ASSOC)):

                echo "<div id = 'farbe' style = 'background-color: #$zeile[wert];'>";
                echo "</div>";                      

            endwhile;   
        ?>
    </div>
</div>  

...

JS脚本

...

function reloadeigeneColor(div,page)
{
    alert('hier');

    //Eigene Colorliste div wird neu geladen
    $("#eigenecolor_liste").load('./showOwnColor.php'); 
}

...

showowncolor.php

<?php
    require("./connect.php");

    $query = mysqli_query($connect,"select name,wert from color order by id desc");
    while ($zeile = mysqli_fetch_array($query,MYSQLI_ASSOC)):

        echo "<div id = 'farbe' style = 'background-color: #$zeile[wert];'>";

        echo "</div>";                      

    endwhile;   
?>

1 个答案:

答案 0 :(得分:0)

要检查的一些事情是:

  1. $("#eigenecolor_liste").length是1
  2. 是否返回内容,可以使用$.ajax()代替(或并行).load()查看是否返回内容,然后使用.html()分配内容内容到元素