基於鏈接的域創建模式窗口

有誰知道是否可以使用fancybox或其他基於頁面上鍊接域的其他內容創建模式窗口？我在頁面上顯示查詢的輸出，並且我無法將CSS類信息添加到輸出中。因此，我想知道是否有可能讓jQuery在頁面上加載一個插入類。這是我正在使用的輸出HTMl。基於鏈接的域創建模式窗口

More Info

頁面鏈接：http://goo.gl/pA3W7Y

我想也許jQuery的可以匹配的術語「更多信息」。如果該術語出現在頁面上，它將與該頁面相匹配。我真的在這裏撓頭。任何洞察力將不勝感激。乾杯。

Steve。

來源

2013-11-02 Steve Yoss

因此，匹配應該基於域或基於頁面中的東西來完成？ – pax162

你可以用regex或indexOf輕鬆做到這一點。

的indexOf例如：

$(document).ready(function() { 
    $('a').each(function(x) { 
     var link = $(this).attr('href'); //get href from <a> 
     var s = "learning.westerncpe.com/local/api/html.php"; 
     if (link.indexOf(s) !== -1) { 
      $(this).addClass('fancybox'); 
     } 
    }); 
}); 

$('.fancybox').click(function (e) { 
    $('.fancybox').fancybox({ 
     'autowidth': 'true', 
     'width': 900, 
     'height': 700, 
     'type': 'iframe' 
    }); 
});

編輯：意識到你會做這個離頁面上的鏈接的，所以加入jQuery的包裝。

來源

2013-11-02 06:49:24 brandonscript

感謝您的幫助。我想我明白你來自哪裏，但我在實施時遇到了問題。我的鏈接仍在執行，並不是以模式呈現。要清楚的是，這將適用於一個頁面上有25-50個鏈接。我建立了一個開發站點來嘗試實現這一點。 - http://goo.gl/eynZEY。這裏是生產網站看起來像http://goo.gl/4r9LSU。任何有識之士將不勝感激。謝謝！！ –

http://jsfiddle.net/remus/7tKsj/這是一個工作小提琴。在你的例子中，你有選擇器'$（'fancybox fancybox.iframe'）''。 jQuery的工作方式是selector字段必須與您的DOM的類，id或元素相匹配。您將會在jsFiddle中看到我必須首先將fancybox類添加到您的鏈接，然後將選擇器更新爲「'.fancybox'' – brandonscript

感謝您的代碼！對不起，我應該更清楚了。我沒有能力在我的鏈接中聲明一個類。鏈接直接從我無法修改的查詢中輸出。輸出的HTML完全是「http://learning.westerncpe.com/local/api/html.php?checkkey=s7KHngo3PBh28gkS9MY2&id=362&field=summary」。不幸的是，我不能在那裏放任何東西。所以我在想有沒有一種方法可以讓jQuery在頁面加載時添加它。任何洞察力將不勝感激。非常感謝！！！ –

基於鏈接的域創建模式窗口

回答

相關問題