2014-07-22 22 views
2

我正在使用此tooltip在tooltip屬性中調用the_content屬性wp

在這個tooptip中,我想調用圖像和內容。

image顯示正確,但文字不顯示在tooptip。當我使用the_content$content來調用文本時顯示錯誤。

我已使用$thumbnail[0]調用圖像。

這裏是代碼,我有來電圖像和內容:

add_shortcode('personnel', 'gdl_personnal_shortcode'); 
function gdl_personnal_shortcode($atts) { 

    extract(shortcode_atts(array("size"=>'1/4', 'num_fetch'=>4, "category"=>''), $atts)); 

    global $personnal_div_size_num_class, $sidebar_type; 
    $personnal = ''; 
    $personnal_row_size = 0; 
    $item_size = $personnal_div_size_num_class[$size][$sidebar_type]; 

    $post_temp = query_posts(array('post_type'=>'personnal', 
     'personnal-category' => $category, 'posts_per_page'=>$num_fetch) 
    );   

    $personnal = $personnal . '<div class="personnal-item-holder">'; 
    while(have_posts()){ the_post(); 

     $ret_size = return_item_size($size, $personnal_row_size, 'personnal-item-wrapper'); 
     $personnal_row_size = $ret_size['row-size']; 
     $personnal = $personnal . $ret_size['return']; 
     $personnal = $personnal . '<div class="personnal-item">'; 

     $personnal = $personnal . '<div class="personnal-title">'; 
     $personnal = $personnal . get_the_title(); 
     $personnal = $personnal . '</div>';   
     $ids=get_the_ID(); 
     $position = get_post_meta(get_the_ID(), 'personnal-option-position', true); 
     if(!empty($position)){ 
      $personnal = $personnal . '<div class="personnal-position">' . $position . "</div>"; 
     } 

     $thumbnail_id = get_post_thumbnail_id(); 
     $thumbnail = wp_get_attachment_image_src($thumbnail_id , $item_size); 
     $alt_text = get_post_meta($thumbnail_id , '_wp_attachment_image_alt', true); 
     if(!empty($thumbnail)){ 
      $personnal = $personnal . '<div class="sc-tooltip" data-image="' . $thumbnail[0] . '" data-desc="'.'"><div class="personnal-thumbnail"><a href="#" onclick="abctext('.$ids.')" ><img src="' . $thumbnail[0] . '" alt="' . $alt_text . '"></a></div></div>';   
     } 

工具提示洛斯這樣的:

但其在圖像的右側的文本,其現在沒有顯示。

+0

需要使用時張貼循環的完整代碼,以及你得到的錯誤'the_content'或'$ content' – doublesharp

+0

我已更新我的問題。 –

+0

我只想在這個屬性中設置「內容」: - 'data-desc =「」' –

回答

0

我已經改變: -

$personnal = $personnal . '<div class="sc-tooltip" data-image="' . $thumbnail[0] . '" data-title="'.get_the_title().'" data-desc="'.strip_tags(do_shortcode(get_the_content())).'"><div class="personnal-thumbnail"><a class="sc-team-link" href="#" onclick="abctext('.$ids.')" ><img src="' . $thumbnail[0] . '" alt="' . $alt_text . '"></a></div></div>'; 
0

您需要使用get_the_content()將帖子內容作爲變量返回而不是回顯它 - 您可以將其分配給$content。然後,您可以將其附加到$personal字符串。在$pearsonnal

$content = get_the_content(); 
$personnal .= '<div class="sc-tooltip" data-image="' . $thumbnail[0] . '" data-desc="'.$content.'"><div class="personnal-thumbnail"><a href="#" onclick="abctext('.$ids.')" ><img src="' . $thumbnail[0] . '" alt="' . $alt_text . '"></a></div></div>'; 
+0

我做了很多次,但它在頁面上的圖像上顯示內容。 –

+0

這很可能是一個CSS問題 – doublesharp

+0

不,我的意思是它的頁面上顯示的內容不在工具提示框中。 –