为什么div id =“in”不能留在div div id =“out”,在这段代码上?

时间:2014-11-27 13:59:56

标签: javascript php jquery html css

为什么div id =“in”不能留在div div id =“out”,在这段代码上?

当加载页面base.php时,它将显示如下

<div id="out" style=" position: fixed; width: 100%; z-index: 999; "></div>
<div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">test</div>

http://jsfiddle.net/6dy0Lgcy/

但我想要这样

<div id="out" style=" position: fixed; width: 100%; z-index: 999; ">
    <div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">test</div>
</div>

http://jsfiddle.net/6dy0Lgcy/1/

我该怎么做?

base.php

<?php
  include('add_on.php');
  $number = '12345';
  test($number);
?>

add_on.php

<div id="out" style=" position: fixed; width: 100%; z-index: 999; ">
<?php
  function test($numeric)
  {
    if($numeric != '')
    {
?>
    <div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">
        test
    </div>
<?PHP
    }
  }
?>
</div>

4 个答案:

答案 0 :(得分:1)

更改你的功能,因为函数总是返回而不是print

function test($numeric){
   $data = '<div id="out" style=" position: fixed; width: 100%; z-index: 999; ">';
    if($numeric != ''){
    $data.= '<div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">
        test
    </div>';
    }
    $data.= '</div>';
    return $data;
  }

并像这样称呼它

$number = '12345';
echo test($number);

答案 1 :(得分:0)

add_on.php文件应为:

<?php
  function test($numeric)
  {
    ?><div id="out" style=" position: fixed; width: 100%; z-index: 999; "><?PHP
    if($numeric != '')
    {
?>
    <div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">
        test
    </div>
<?PHP
    }
    ?></div><?PHP
  }
?>

答案 2 :(得分:0)

add_on.php

中试用此代码
<?php
  function test($numeric){
  if($numeric != ''){
    echo '<div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">test</div>';
    }
  }
?>

base.php

<?php
    include('add_on.php');
    echo '<div id="out" style=" position: fixed; width: 100%; z-index: 999; ">';
    $number = '12345';
    test($number);
    echo "</div>";
?>

答案 3 :(得分:0)

虽然所有答案都是正确的,但没有人解释真正的问题是什么。在add_on.php中,您启动了一项功能。但是如果函数回显一些文本,它将不会在函数启动的地方回显,而是在函数被调用的地方。

因此,当您使用include('add_on.php');时,您只需添加包含函数声明的文件。但是,该功能中不包含HTML。该HTML直接&#34;回显&#34; 。然后,您可以调用回显其他div的函数。

如果您不能在功能中包含第一个div(如您的评论中所述)。我建议你根本不使用功能。只需先设置变量,然后输入:

PHP

<?php
  $number = '12345';
  include('add_on.php');
?>

add_on.php

<div id="out" style=" position: fixed; width: 100%; z-index: 999; ">
<?php
    if($number != '')
    {
?>
    <div id="in" style=" display: block; width: 100%; position: relative; z-index: 999; height: 40px; background-color: #00818C;">
        test
    </div>
<?PHP
    }
?>
</div>