Der mobilen Seite wurde ein Banner hinzugefügt, um ein ursprünglich ausgeblendetes p anzuzeigen. Ich hoffe, jemand kann mir helfen. Der Code lautet wie folgt:
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide');
});
$(".cle").click(function(){
$("#lyt").addClass('hide');
});
$('.layout').click(function() {
if (!$("#lyt").hasClass("hide")) {
$("#lyt").addClass("hide");
}
});
$("#lyt").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});
Der HTML-Code lautet wie folgt
<body>
<p class="bottom" id="ma">
<p class="btn btn1">
<p class="weixin"><img src="{maccms:path_tpl}/images/gzorange.svg"></p><span class="guanzhu">收藏</span>
</p>
</p>
<p id="lyt" style="display: none">
<p class="layout"></p>
<p class="tc">
<p><p class="cle"></p><img src="/images/torange.svg" class="cleimg"><span class="st">沒時(shí)間了,快上車!</span></p>
<p><img src="/images/b.svg"><p><img src="/images/14922386198576.jpg" class="sb"></p></p></p>
</p>
<script>
$(document).ready(function(){
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide');
});
$(".cle").click(function(){
$("#lyt").addClass('hide');
});
$('.layout').click(function() {
if (!$("#lyt").hasClass("hide")) {
$("#lyt").addClass("hide");
}
});
$("#lyt").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});
</script>
</body>
你的$(document).ready(function()
方法沒閉合,我試了下,在你的代碼后面加上});
閉合后,是可以工作的,點(diǎn)擊后顯示隱藏的東西。
(由于你沒貼樣式,所以我自己猜著給hide
寫了個(gè)display:none
,但是我發(fā)現(xiàn)你的 id="lyt"
是用的style="display: none"
,你直接給它弄個(gè)class="hide"
吧)
代碼如下:
<script>
$(document).ready(function(){
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide');
});
$(".cle").click(function(){
$("#lyt").addClass('hide');
});
$('.layout').click(function() {
if (!$("#lyt").hasClass("hide")) {
$("#lyt").addClass("hide");
}
});
$("#lyt").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});
});
</script>
由于你沒貼樣式,所以我大概猜著測(cè)了下:
頁(yè)面上默認(rèn)是只有 “收藏” 欄id="ma"
點(diǎn)擊收藏欄,顯示id="lyt"
,這里面包含了class="layout"
和class="tc"
,而class="tc"
里還包含了class="cle"
點(diǎn)擊class="cle"
,id="lyt"
會(huì)隱藏
點(diǎn)擊class="layout"
,id="lyt"
也會(huì)隱藏,沒弄懂的是這里你為啥會(huì)用個(gè)判斷,layout是包含在 lyt 里的,只可能 lyt 顯示了,才能看到 layout,才能點(diǎn)到它吧。。。所以,也就是 layout 能看到的時(shí)候,應(yīng)該是 lyt 沒有 hide
樣式的時(shí)候啊,干嘛還判斷
大概是由于沒有樣式,也不太明白你頁(yè)面上那些都是干嘛的,所以可能沒理解好吧。你把 ready
方法閉合了,如果還有問題,你可以直接貼一個(gè)頁(yè)面截圖。
$("#ma").click(function(e){
e.stopPropagation();
$("#lyt").removeClass('hide'); //$("#lyt") 默認(rèn)沒有hide,怎么顯示?改成$("#lyt").show();
});
既然你用jQuery寫,為什么不直接用.show(),.hide(),.fadeIn(),.fadeOut()
這些封裝好的,而且也沒貼樣式,不太明白。