第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

錨標(biāo)簽不能正常工作快遞

錨標(biāo)簽不能正常工作快遞

茅侃侃 2022-12-02 16:53:43
當(dāng)我點擊 p 時,沒有任何反應(yīng),但是當(dāng)我點擊 div 的任何其他部分時它工作正常。我不知道為什么會這樣。請幫助我。<%- include('./partials/header');-%><%- include('./partials/flash');-%><% posts.forEach(function(post){ %><a href="/post/<%= post._id %>" id="posta"><div id="post"><h3 class="text-dark" id="title"><%- post.Title %></h3><p class="text-secondary" id="date"><small><%=post.Author.name %><br><%=post._id.getTimestamp().toLocaleDateString()%></small></p><p class="h6 text-dark" id="Postcontent"><%- post.Content.substring(0,200)+"..." %><span class="h6 text-success">Read more</span></p></div></a><span id="border"></span><% }) %><%- include('./partials/footer');-%>我使用的CSS:#post:hover{    box-shadow:  0 5px 5px 0 #4CAF50;    text-decoration: none;}#posta:hover {  text-decoration: none;}#posta:link {    text-decoration: none;  }  #posta:visited {    text-decoration: none;  }#Postcontent{  font-size: 1rem;   white-space: pre-wrap;}更新:這很奇怪,但我觀察到的是,當(dāng)我單擊第一個項目的 p 時它不起作用,但對于所有其他項目它都有效。網(wǎng)站鏈接: https ://enlightening-blog.herokuapp.com/
查看完整描述

2 回答

?
臨摹微笑

TA貢獻(xiàn)1982條經(jīng)驗 獲得超2個贊

根據(jù)您的代碼。問題在于您編寫 js 代碼的方式。問題出在問題中提到的其他地方(感謝鏈接)。您犯的錯誤是菜鳥錯誤之一(永遠(yuǎn)不要將 static id 放在循環(huán)中)。id是一樣的?;?js 的工作方式,它會尋找唯一的 id,但重復(fù)的類可能沒問題。所以你當(dāng)前的代碼是


document.getElementById("Postcontent").addEventListener("click", function(event){

  event.preventDefault();

  });

將Postcontent從 id更改為 class 并添加以下代碼


var postcontent = document.querySelectorAll(".Postcontent");

postcontent.addEventListener('click', function(event){

   event.preventDefault();

});


查看完整回答
反對 回復(fù) 2022-12-02
?
絕地?zé)o雙

TA貢獻(xiàn)1946條經(jīng)驗 獲得超4個贊

@rajesh-paudel 提到了一個小錯誤,但很重要。


 Never user static ids in loops. 

此代碼違反了標(biāo)準(zhǔn),因此是不正確的。它會失敗驗證檢查,它應(yīng)該。


ID 必須是唯一的。閱讀此處:HTML 5 的HTML 4.x 規(guī)范

When specified on HTML elements, the id attribute value must be 

unique amongst all the IDs in the element's tree and must contain at 

least one character. The value must not contain any ASCII whitespace.


查看完整回答
反對 回復(fù) 2022-12-02
  • 2 回答
  • 0 關(guān)注
  • 105 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號