عندما يظهر مربع SELECT SELD-DOWN في حدث Mouseover ، لا يتم تحديد SELECT SELD-DOWN. حل:
var o = e.ReledTarget || E.ToElement ؛ // upplicge the compue التي انتقلت إليها ، والانتقال إلى الخيار في وتحت هو Null ، و Firefox ، وما إلى ذلك غير محدد. .
إذا (! O) العودة ؛ // الخروج للخيار دون الاختباء
حالة الرمز الكامل هي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> document </title> <style> type = "text/css">*{margin: 0 ؛ padding: 0 ؛ style list: none ؛ border: 0 ؛}. pop_blue {position: absolute ؛ المؤشر: مؤشر. padding: 10px ؛}. pop_blue span {display: inline block ؛ العرض: 24 بكسل ؛ الارتفاع: 32 بكسل ؛ الخلفية: url (../ images/pop_blue.png) no-repeat ؛}. map_xf .rud1 {width: 210px ؛ الموقف: مطلق ؛ الحدود: 1 بكسل الصلبة #DDD ؛ العرض: لا شيء ؛ خلفية اللون: #ffff ؛ padding: 17px 25px ؛}. map_xf .rud1 li {margin: 0 0 8px ؛}. src = "jquery -1.9.1.min.js"> </script> <script type = "text/javaScript"> $ (function () {$ ('. pop_blue'). hover (function () {$ (this) .find ('. rud1'). show () ؛ $ (this) .css ("z-index" ، "9999") ؛ الخيار هو NULL ، FIREFOX ، وما إلى ذلك غير محدد. style = "top: 0px ؛ left: 0 ؛ 1 </Option> <Option Value = "SELECT UNIT" SELECTED = ""عند نقل الماوس لأعلى ، لن يكون هناك موقف لا يتم فيه تحديد الاختيار.