Question

即使文档已准备好，add类也无法正常工作。我试过文件准备就绪，没有它。它不起作用，但警报正在发挥作用。

   var $jbanner = jQuery.noConflict(true);


    if ($jbanner(window).width() < 1200) {
        alert("Less than 1200");

        $jbanner("#wad").addClass("hide");
    }

其他代码

 var $jbanner = jQuery.noConflict(true);
 $jbanner(document).ready(function () {

  if ($jbanner(window).width() < 1200) {
         alert("Less than 1200");

         $jbanner("#wad").addClass("hide");
    }
 })

使用文档就绪功能，即使警报框也不起作用。它是否与页面中的其他jquerys冲突。

#wad是一张图片

 <img id="wad" src="images/banner.jpg"/>

感谢

好吧，这应该很容易，但不适合我。我只是在一个单独的html文件中粘贴了我想要做的事情。但仍然没有工作，任何帮助表示赞赏。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>Untitled Document</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>

    <script type="text/javascript">
    var $jbanner = jQuery.noConflict(true);

    if ($jbanner(window).width() < 1200) {

        alert("Less than 1200");          
        $jbanner("#wad").addClass("hide");

    }

    else {

        alert("greater than 1200");
        $jbanner("#wad").addClass("show");

    }

   </script>
   <style type="text/css">
     .hide{display:none;}
     .show{display:block;}
   </style>
   </head>

   <body><div>
        <div id="wallpaperad">
            <a href="http://www.yaho.com" target="_blank" rel="nofollow">
                <img src="http://www.placehold.it/160x160" alt="banners" id="wad" />           </a>
        </div>
    </div>
   </body>
   </html>

我只想创建一个浮动横幅广告。这隐藏了较小的屏幕尺寸。

Answer 1

尝试不使用jbanner。

$("#wad").addClass("hide");

添加类即使在文档就绪中也不起作用

1 个答案: