Essential Grid/Wordpress API/Javascript Image

對於javascript/jquery pro應該很容易。我試圖抓住一個圖像變量，並輸出爲HTML使用JavaScript/jQuery的。我可以爲文本變量做到這一點，但我似乎無法抓住圖像的URL。我認爲變量是以數組/對象的形式存儲的？Essential Grid/Wordpress API/Javascript Image

謝謝你的幫助。是的，我搜索了2天並完成了所有文檔。我認爲這個問題是myjavascript/jquery技能。

基本上，我需要var urlClass ='.eg-investment-element-26';以url形式輸出。 `

/* Title Class from Skin Editor */ 
 
var titleClass = '.eg-investment-element-3'; 
 
var typeClass = '.eg-investment-element-16'; 
 
var executiveClass = '.eg-investment-element-19'; 
 
var urlClass = '.eg-investment-element-26'; 
 

 
    
 
/* Lightbox title container */ 
 
var titleWrap = jQuery('<h2 class="lb-title-content" />'); 
 

 
/* Lightbox type container */ 
 
var typeWrap = jQuery('<span class="type" />'); 
 
    
 
/* Lightbox executive container */ 
 
var executiveWrap = jQuery('<span class="executive" />'); 
 

 
/* Lightbox link container */ 
 
var urlWrap = jQuery('<span class="executive" />'); 
 

 
/* Left block container */ 
 
var leftBlock = jQuery('<div class="lb-content lb-content-left" />'); 
 
    
 
/* Right block container */ 
 
var rightBlock = jQuery('<div class="lb-content lb-content-right" />'); 
 

 
/* Right block container header*/ 
 
var rightBlockheader = jQuery('<div class="right-header" />'); 
 

 
/* Right block container header 1*/ 
 
var rightBlockheadercol1 = jQuery('<div class="right-header1" />'); 
 

 
/* Right block container header 2*/ 
 
var rightBlockheadercol2 = jQuery('<div class="right-header2" />'); 
 

 
/* Right block container header 3 */ 
 
var rightBlockheadercol3 = jQuery('<div class="right-header3" />'); 
 
    
 
var myAjaxContainer; 
 

 
console.log(titleWrap) 
 
    
 
window.myAjaxLoaded = function(data) { 
 
    
 
    if(!myAjaxContainer) { 
 
    
 
     myAjaxContainer = jQuery(data.containerid).esgbox({ 
 
    
 
      maxWidth : 760, 
 
      maxHeight : 540, 
 
      fitToView : false, 
 
      width  : '70%', 
 
      height  : '70%', 
 
      padding  : [30,30,30,30], 
 
      autoSize : false, 
 
      closeClick : false, 
 
      openEffect : 'fade', 
 
      closeEffect : 'fade' 
 
    
 
     }); 
 
    
 
    } 
 
    
 
    var content = jQuery('.eg-ajax-target'), 
 
    post = jQuery('.eg-post-' + data.postsource).closest('.tp-esg-item'); 
 
    
 
    titleWrap.text(post.find(titleClass).text()); 
 
    typeWrap.text(post.find(typeClass).text()); 
 
    executiveWrap.text(post.find(executiveClass).text()); 
 
    urlWrap.attr(post.find(urlClass).html()); 
 

 

 
    leftBlock.html('<img src="' + urlWrap + '" />'); 
 
    
 

 
    rightBlock.html(content.html()).prepend(titleWrap).prepend(executiveWrap).prepend('<img src="' + post.find('.esg-entry-media img').attr('src') + '" />').prepend(typeWrap).prepend('<img src="' + (urlWrap) + '" />'); 
 
    content.html('').append([leftBlock, rightBlock]); 
 
    
 
    myAjaxContainer.click(); 
 

 

 
    
 
};

` enter image description here

來源

2016-11-06 jtconnelly1

能否請您解釋一下你想達到什麼樣的？「var urlClass ='.eg-investment-element-26';輸出爲url」實際上意味着什麼？ – bperson

就像@ bperson說的你想要達到什麼？如果鏈接應該位於網格內部，請使用「項目外觀編輯器」編輯模板並添加鏈接到圖片。 – Core972

要使用jQuery只是使用HTML（）方法輸出的HTML。如果我得到你所要求的，你需要將HTML輸出到一個容器。

var yourImgSrc = "someUrl"; 
var imgHtml = "<img src="+ yourImgSrc +"/>"; 
//select any container (div,body,#Id, .class) and inject the image html into it 
$('yourSelector').html(imgHtml);

希望幫助

來源

2016-11-06 22:43:26

Essential Grid/Wordpress API/Javascript Image

回答

相關問題