僅當我按下輸入或textarea時如何顯示div
?只有當點擊輸入時才顯示div
此外,CSS寫入是否正確? ..或有一些錯誤?
演示代碼:http://jsfiddle.net/2wNbR/54/
謝謝回答!
僅當我按下輸入或textarea時如何顯示div
?只有當點擊輸入時才顯示div
此外,CSS寫入是否正確? ..或有一些錯誤?
演示代碼:http://jsfiddle.net/2wNbR/54/
謝謝回答!
$(document).ready(function() {
$(".info_form").hide();
$("input").on("focus", function() {
$(".info_form").hide();
$(this).next('div.info_form').show();
});
});
看到這裏http://jsfiddle.net/2wNbR/58/
--------- EDITED ----------------
$(document).ready(function() {
$(".info_form").hide();
$("input").on("focus", function() {
$(".info_form").hide();
$(this).next('div.info_form').show();
});
$(document).click(function(e) {
if (!$(e.target).is('input')) {
$(".info_form").hide();
}
});
});
只需在css中的.info_form
類中添加float:left;
即可。它將保持內聯。
類似的,但爲什麼不保持內聯? ...以及如何在外部點擊時隱藏div? – golaz
檢查外部點擊時隱藏的更新答案。保持內聯。你需要修復你的CSS。 –
再次檢查更新的答案。 http://jsfiddle.net/2wNbR/62/ –
你有沒有試過把它藏在ready()上並點擊顯示它?
$(document).ready(function() {
$(".info_form").hide();
$("input").on("focus", function() {
$(".info_form").show();
});
});
沒關係,但我想顯示一個div,不是全部 – golaz
修改.info_form類和JS代碼。這裏是結果url
http://jsfiddle.net/2wNbR/60/
希望這可以解決您的問題。
非常感謝。 – golaz
高興你得到答案:) –
你在隱藏焦點,這是從你說你想要的東西倒退。最初隱藏它,*在焦點上顯示*並將其隱藏在模糊處。但只是發佈一些代碼的鏈接並不是真的。 –
目前尚不清楚你試圖達到的目標。試着多解釋一下。 –
請在問題中包含代碼。 – George