为什么这个jQuery css（）调用不起作用？

Question

我不需要在php if结构中显示div。 我正在做：

 <?php
 $a = $_POST['somefiledcomingFromform'] ; //equals 1
if (isset($_POST['submit'])) {

    if($a==1){


      //  echo"<script>$(document).ready(function() { $('.delete').css(\"display\", \"none\")});</script>";
       echo"<script>$('.delete').css(\"display\", \"none\");</script>";

    }
}

    echo"<div class='delete'>Delete me</div>";
    ?>

但是它不起作用，div显示它是否无关紧要，如果...我在做什么错？

太感谢了

Answer 1

而不是使用JavaScript，您为什么不做这样的事情：

<?php

$a = 1;
if ($a == 1) {
    echo '<div class="delete" style="display:none;">Delete me</div>';

} else {
    echo '<div class="delete">Delete me</div>';
}

Answer 2

尝试这个

   <?php
    $a=1;
    if($a==1){
        echo"<div class='delete' style="display:none;">Delete me</div>";
    }
    else{
        echo"<div class='delete'>Delete me</div>";

    }
    ?>

Answer 3

你可以做：

<?php $a=1; if($a==1) : ?>

<script>
  $(document).ready(function() { 
    $('.delete').css("display", "none")
});
</script>
<?php endif; ?>

<div class='delete'>Delete me</div>

但我认为最好执行以下操作：

<?php $a = 1; ?>

<script>
  $(document).ready(function() { 
    $('.delete').css("display", "none")
});
</script>

<div class="<?php echo $a == 1 ? 'delete':'' ?>">Delete me</div>

Answer 4

可能是因为您的脚本在加载div之前运行。 尝试这个：

<?php
$a=1;
if($a==1){   

  //  echo"<script>$(document).ready(function() { $('.delete').css(\"display\", \"none\")});</script>";
   echo"<script>$(function(){$('.delete').css(\"display\", \"none\");});</script>";

}

echo"<div class='delete'>Delete me</div>";
?>

Answer 5

我认为皮革是最好的。 将CSS留给您的CSS文件？

echo"<script>$('.delete').hide();</script>";

编辑：和你的JavaScript呢！

Answer 6

您为什么要使用jQuery尝试做到这一点？ 只需使用CSS。

或者，至少，使用jQuery的“实时”解决DIV的隐藏/显示。 执行顺序很重要，而且我认为PHP生成的脚本实际上不会影响您正在构建的潜水并在有条件的条件下显示。

Answer 7

您的jQuery调用已完成，将在页面上打印将接收click函数的元素。

您可以使用自己的注释行代替直接调用。

echo"<script>$(document).ready(function() { $('.delete').css(\"display\", \"none\")});</script>";

如果要使用未注释的呼叫，则需要在div标签之后打印它。

<?php
echo"<div class='delete'>Delete me</div>";

$a=1;
if($a==1){   
echo"<script>$(function(){$('.delete').css(\"display\", \"none\");});</script>";
}
?>

Answer 8

首先，您实际上并没有使用jQuery来更改PHP。 jQuery是客户端，PHP是服务器端，永远都不会满足。 实际发生的情况是，您使用PHP创建了HTML文档，浏览器将创建jQuery将操纵的DOM。

至于您的脚本出了什么问题，您的代码不起作用的原因是因为语句是按顺序回显的。

以下内容不起作用：

<script>
    $('.delete').css("display","none");  // div.delete doesn't exist yet
</script>
<div class="delete">Delete me</div>      <!-- Output *after* the jQuery call. -->

以下工作正常：

<script>
    $( function(){                       //wait until document.ready
        $( '.delete' ).hide();           //hide .delete after ready
    } );
</script>
<div class="delete">Delete me</div>      <!-- Output after <script> but will be hidden after document.ready -->

除此问题外，还有一些“代码味道”会让我担心您的代码。 请注意，从技术上讲，这些都不是错误的，但是它们往往表示其他问题。

1. 您正在使用jQuery以非常“普通的Javascript”方式修改DOM。
   不用更改CSS，而是使用jQuery的.hide()调用。
2. 您在PHP回声中交替使用单引号和双引号
   您使用$( '.delete' ).css( "display", "none"); ...为什么？
3. 您未指定要使用的脚本类型
   当然，JavaScript是最常见的-但是最好明确指定脚本语言。
4. 您正在使用隐含分号
   在某些情况下，这可能导致意外的行为，应避免使用。