要调用div但在新行中使用javascript ajax

Question

i want to call div from javascript but the result like stack 我想从javascript调用div，但结果类似于堆栈

page 1 第1页

     <script>               
        function jvbab(content) {
        var request = $.ajax({
                type: "get",
                url: "ceking.php",   
                data: {bab: content}
               });

            request.done( function( msg ) {
                $("#myboxmin").html(msg); 
            });
            request.fail(function(jqXHR, textStatus) {
                alert( "Request failed: " + textStatus );
            });
        }
        </script>

page 2 第2页

    <script>               
    function jvpasal(content) {
    var request = $.ajax({
            type: "get",
            url: "cektopik.php",   
            data: {pasal: content}
           });

        request.done( function( msg ) {

            $("#mybox").html(msg); 
        });
        request.fail(function(jqXHR, textStatus) {
            alert( "Request failed: " + textStatus );
        });
    }
    </script>

if i run this the div stack on it 如果我在上面运行div堆栈

like 喜欢

<div id="myboxmin">
   <div id="mybox">
   </div>
</div>

i want to, that two div separate .. 我想，那两个div分开..

<div id="myboxmin">
</div>

<div id="mybox">
</div>

May you know solution to separate that div ? 您可能知道分隔该div的解决方案吗？ thanks 谢谢

my php i put like this .. 我的PHP我这样放..

<?php
session_start();
$bab = $_GET['bab'];
$_SESSION['bab']=$bab;

include '../koneksi.php';
?>

<html>
<head>

            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta name="keywords" content="" />
            <meta name="description" content="" />
            <meta http-equiv="content-type" content="text/html; charset=utf-8" />
            <title>Klasifikasi Al-Quran</title>

            <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
            <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />

            <script type="text/javascript" src="sitemapstyler.js"></script>
            <link href="../css/default.css" rel="stylesheet" type="text/css" media="all" />
            <link rel="stylesheet" href="../css/jquery-ui.css" />

            <script>               
            function jvpasal(content) {
            var request = $.ajax({
                    type: "get",
                    url: "cektopik.php",   
                    data: {pasal: content}
                   });

                request.done( function( msg ) {

                    $("#mybox").html(msg); 
                });
                request.fail(function(jqXHR, textStatus) {
                    alert( "Request failed: " + textStatus );
                });
            }
            </script>

</head>
<body>
    <br><br><h1></h1><br><br>
    <h3>Pasal</h3><br>
    <?php                 

    $r=mysql_query("SELECT DISTINCT id_pasal,nama_pasal FROM nama_pasal_topik
                    WHERE id_bab = '$bab' ") or die (mysql_error());

       while($rr=mysql_fetch_array($r)){                   
             $nama_pasal=$rr['nama_pasal'];
             $id_pasal=$rr['id_pasal'];?>

             <a href="#"  id="pasal" name="pasal" onclick="jvpasal('<?php echo $id_pasal; ?>');" ><?php echo $nama_pasal; ?></a>
             <br>  
       <?php } ?>


    <div class="mybox">
    m
    </div> <!--tutup mybox-->
</body>
</html>

Answer 1

You need to find myboxmin parent and append a new div 您需要找到myboxmin父级并附加一个新的div

 request.done( function( msg ) {    
      $("#myboxmin").parent().append(msg); 
 });

要调用div但在新行中使用javascript ajax

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-09-22 02:13:39

要调用div但在新行中使用javascript ajax

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-09-22 02:13:39

解决方案1
1 已采纳 2015-09-22 02:13:39