jquery - css 搜索框不适用于 jquery-latest.min.js

Question

我有一个搜索框，它一直可靠地工作，直到我在我的代码中更改为最新版本的 jquery。它显示正常，但您不能单击该框以在其中键入搜索参数。适用于

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

这是我调用的代码片段。

我的 php:

  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
 .....
 <form id="search" method="post" action="tagsearch.php">&nbsp;&nbsp;
   <input name="tagsearch" type="text" size="40" placeholder="Search tags" />

CSS:

    #search {

     }

#search input[type="text"] {
background: url(img/search-white.png) no-repeat 10px 6px #fcfcfc;
border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 150px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
width: 200px;
outline:none; box-shadow:none;
}

知道为什么这不适用于 jquery-latest，但适用于旧版本吗？我需要新版本才能在我的网站上使用 fancybox。

Answer 1

CSS 不会受到 jQuery 的影响，PHP 也不会显示任何 JavaScript。 jQuery 从 1.7.2 到 1.11.1 有很大的不同，这可能会破坏，但如果没有看到你的 JavaScript，就很难猜到。我的经验告诉我它可能在事件绑定(bind)中。

jQuery 放弃了 .live()，转而使用 .on()。虽然我认为像 .click() 和 .submit() 这样的命名事件别名仍然存在，但它也有助于移动它们(到 .on( "click", function() {}) 和 .on("submit", function() {}))。如果您将 JavaScript 添加到您的问题中，则可能会发现所需的更改。或者，您可以添加出现在 JavaScript 控制台中的任何错误。

这里还有一个迁移指南，用于调整 1.9 中所做的更改，可能会有所帮助:

http://jquery.com/upgrade-guide/1.9/