通過Ajax的PHP回聲不給樣式？

已修復。通過Ajax的PHP回聲不給樣式？

用普通的html，css，js和php創建一個php頁面。

在該文件內部，希望用戶能夠根據所選日期查看事件。
爲了做到這一點，一旦選擇日期，與該日期關聯的值將被髮布到php腳本中。
在該PHP腳本中，發佈的變量正在經歷一些條件並回顯結果。
然後，這個php腳本的結果將顯示在最初的php頁面中。

好吧，到目前爲止好。

東西是， 希望文本顯示樣式，這意味着，它希望它允許樣式類。

做了一些研究，但似乎無法找到任何問題。

當您轉到頁面並輸入以下內容時：2016年12月22日，您可以看到正在顯示的數據。問題是，它不會接近任何風格。

這是有道理的，因爲PHP腳本沒有提及任何地方使用這些樣式。

這些樣式正在用於初始php頁面（html/css/js/php），其中結果將被顯示。

最初我認爲結果中的樣式會被識別，因爲它在提及這些樣式文件的完全相同的頁面中被調用。

這一點，PHP腳本的結果：

<div class="tab-pane" role="tabpanel"> 

         <div class="container day-events"> 

          <div class="row event-list"> 

           <div class="event-list-time col-md-3 col-sm-3 center" style="background-image: url(/lascruces_styles/img/events-img/event.jpg);"> 

            <p class="event-list-start-time">2016-12-22 00:00:00</p> 

            <hr class="event-list-time-divider"> 

            <p class="event-list-end-time">2016-12-22 00:00:00</p> 

           </div> 

           <div class="event-list-info col-md-9 col-sm-9"> 

            <h2 class="event-list-name">dfgdfgdfg</h2> 

            <p>Organized by <span class="event-list-organizer"><a href="#">yyyyyyy</a></span></p> 

            <p class="event-list-description"><p>dffghfghgfhf</p></p> 

            <a href="#"><button type="button" class="btn more-info-list">More Information</button></a> 

           </div> 

          </div> 

         </div>

這是javascript代碼，在PHP腳本的帖子，並顯示在同一頁面裏的特定DIV結果這個js代碼是，這是所有通過這條消息提到的php頁面：

的PHP：

$result = mysqli_query($conn, $sql); 
    if (mysqli_num_rows($result) > 0) { 
    while ($row = mysqli_fetch_assoc($result)) { 
     echo '<div class="tab-pane" role="tabpanel"> 
         <div class="container day-events"> 
          <div class="row event-list"> 
           <div class="event-list-time col-md-3 col-sm-3 center" style="background-image: url(/lascruces_styles/img/events-img/event.jpg);"> 
            <p class="event-list-start-time">'.$row['Start_Date'].'</p> 
            <hr class="event-list-time-divider"> 
            <p class="event-list-end-time">'.$row['End_Date'].'</p> 
           </div> 
           <div class="event-list-info col-md-9 col-sm-9"> 
            <h2 class="event-list-name">'.$row['Event_Name'].'</h2> 
            <p>Organized by <span class="event-list-organizer"><a href="#">'.$row['Company_Name'].'</a></span></p> 
            <p class="event-list-description">'.$row['Event_Description'].'</p> 
            <a href="#"><button type="button" class="btn more-info-list">More Information</button></a> 
           </div> 
          </div> 
         </div> 
        </div>'; 
     }} else { echo 'No results found.'; }

來源

2017-01-30 brotherperes

檢查什麼是你被保留的console.log得到輸出（）;成功後功能.. – Sona

僅僅因爲一個元素有一定的階級，並不一定意味着有匹配CSS選擇器會影響基於該元素的格式。當你的選擇器有一個特定的祖先或者其他一千件事情時，你的選擇器可能只是針對這些元素。到目前爲止顯示的代碼片段，我們很難告訴你你做錯了什麼。 – CBroe

@SoniyaReddy沒有給出 – brotherperes

嘗試在Ajax請求使用的數據類型的html：

$.ajax({ 
    type: "POST", 
    url: 'events_script.php', 
    data: ({dates: this.value}), 
    dataType : 'html', 
    success: function(data) { 
    $('.results-ajax').html(data); 
    alert(data); 
    } 
});

來源

2017-01-30 12:03:19 mith

這沒有奏效...... – brotherperes

通過Ajax的PHP回聲不給樣式？

回答

相關問題