为什么这个 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显示我在 de if 内使用哪一行并不重要.. 我做错了什么？

感谢一百万

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 的“live”来解决 DIV 的 HIDE/SHOW。执行顺序很重要，我认为 PHP 生成的脚本实际上不会影响您在 PHP 条件之后构建和显示的潜水。

Answer 7

您的 jQuery 调用是在将接收单击函数的元素打印在页面上之前完成的。

您可以使用自己的注释行而不是直接调用。

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. 您正在使用隐含的分号
   在某些情况下，这可能会导致意外行为，应该避免。