固定鏈接無法在Wordpress類別下拉Ajax中按預期方式工作

Question

這是我的PHP代碼：

define('WP_USE_THEMES', false);
require_once('../../../wp-load.php');
$post_type = $_GET['posts_type'];
$name = $_GET['name'];
$pageNum = $_GET['num_page'];
switch($post_type){
    case "category":
        getCategoryPosts($pageNum, $name);
        break;
}

function getCategoryPosts($p, $n){
    query_posts('posts_per_page=5&paged='.$p.'&cat='.$n);
    if(have_posts()){
        echo "<ul class='category-dropdown-posts'>";
            while(have_posts()){
                the_post();
                $permalink = get_the_permalink();
                echo "<li><a href=".$permalink.">";
                echo get_the_post_thumbnail($post->ID, array(172, 132), array('class'=>'dropdown-pic'));
                echo "<p class='dropdown-title'>".get_the_title();
                echo "</p></a></li>";
            }
        echo "</ul>";
    }
    wp_reset_query();
}

現在，除了永久鏈接之外，其他所有東西都工作正常。 如您所見，a標簽應該同時包裹在img和p標簽周圍，但是我得到的是這樣的東西：

<li>
<a href="..."></a>
<img ..../>
<p>...</p>
</li>

知道有什么問題嗎？

編輯：ajax響應的console.log似乎是正確的，但顯示混亂。 我在虛擬機的Ubuntu中使用Firefox。 編輯2：這是ajax響應：

<ul class='category-dropdown-posts'><li><a style='display:block' href=http://localhost/wordpress/post-to-post/><img width="172" height="114" src="http://localhost/wordpress/wp-content/uploads/2014/12/post-to-post-300x199.jpg" class="dropdown-pic wp-post-image" alt="Post To Post" /><span class='dropdown-title'>Post to Post</span></a></li></ul>

我已經解決了問題。 如您所見，a中的href未被引用，這導致了該行為。 感謝您的幫助。

Answer 1

錨元素不應包含段落元素。 從技術上講，HTML5允許這樣做，但是某些瀏覽器可能無法正確處理它。 我的猜測是您正在瀏覽器的開發工具中查看源代碼，當遇到段落時它會自動關閉錨點。 在這種情況下，查看實際源應該顯示按預期格式的HTML，即使它呈現的好像錨點早早關閉一樣。 嘗試將錨點放置在段落中，或將錨點的顯示屬性設置為block。 更多信息：

可以在<a>標簽中使用<p>標簽嗎？