サブドメインに基づいて特定の要素を置き換えて非表示にしようとしています。たとえば、URLが「www.uownrealestate.com」の場合は通常のサイトをロードしますが、「justin2.uownrealestate.com」の場合は、アンカーリンクを含む要素を「エージェント」というテキストで非表示にします。
$(document).ready(function() {
var option = 'justin2';
var full = window.location.host
//window.location.host is subdomain.domain.com
var parts = full.split('.')
var subDomain = parts[0]
var domain = parts[1]
if (subDomain == option) {
showDiv();
}
});
function showDiv() {
$("li:has(a:contains('Agents'))").hide();
}
編集
$(document).ready(function() {
var option = 'justin2';
var full = window.location.host
if(full.indexOf(option) > -1){
showDiv();
}
});
function showDiv() {
$("li:has(a:contains('Agents'))").hide();
}
まだ何も起こっていません。他に何か提案はありますか?また、このスクリプトは外部jsファイルにあります。それはまったく問題ではないのですか?これがli要素の抜粋です。
<li><a href="only-at-uown.html">Only at uOwn</a>
<ul>
<li><a href="showing-simulations.html"><span> Showing Simulations</span></a></li>
<li><a href="3d-mapping.html"><span> 3D Mapping</span></a></li>
<li><a href="solar-signs.html"><span> Solar-Powered Yard Signs</span></a></li>
<li><a href="paper-free-office.html"> Paper-Free Offices</a></li>
<li><a href="prestige-package.html"> Prestige Package</a></li>
<li><a href="only-at-uown.html"> <em>Much more...</em></a></li>
</ul>
</li>
<li><a href="realtors-agents.html">Agents</a></li>
<li><a href="3d-showcase.html">3D Showcase</a></li>