引導4個顯示在不同的選項卡亞馬遜聯盟廣告不工作

Question

我添加了6種不同的「產品」，我想在我的網站上銷售。我正在使用ASP.NET MVC Core（最新版本）並使用Twitter Bootstrap 4的選項卡。

第一個選項卡顯示的內容/產品就好了（因爲它是默認的，活動標籤），但是當我點擊我的頁面上的其他選項卡上，沒有任何內容/產品出現。我已經驗證過，亞馬遜廣告鏈接/腳本位於頁面源代碼中，並且配置完全相同。

我是否正確設置此功能，或者是這些廣告的設計，使他們不能在該類型的格式來顯示？

這裏的網站：http://www.wrestlestat.com/shop/main

這裏是我的CSHTML：

<div class="row"> 
    <div class="col-xs-12"> 
     <div class="card"> 
      <div class="card-header pt-2 bold-red-on-black"> 
       <h2>@Model.Header</h2> 
      </div> 
      <div class="row"> 
       <div class="card-block"> 
        <div class="col-xs-12"> 
         <div class="row"> 
          <div class="col-xs-12"> 
           <ul class="nav nav-tabs mt-2" role="tablist"> 
            <li class="nav-item"> 
             <a class="nav-link active" data-toggle="tab" href="#shirts" role="tab">Shirts</a> 
            </li> 
            <li class="nav-item"> 
             <a class="nav-link" data-toggle="tab" href="#sweatshirts" role="tab">Sweatshirts</a> 
            </li> 
            <li class="nav-item"> 
             <a class="nav-link" data-toggle="tab" href="#shoes" role="tab">Shoes</a> 
            </li> 
            <li class="nav-item"> 
             <a class="nav-link" data-toggle="tab" href="#headgear" role="tab">Headgear</a> 
            </li> 
            <li class="nav-item"> 
             <a class="nav-link" data-toggle="tab" href="#mats" role="tab">Mats</a> 
            </li> 
            <li class="nav-item"> 
             <a class="nav-link" data-toggle="tab" href="#apparel" role="tab">Apparel</a> 
            </li> 
           </ul> 
           <div class="tab-content"> 
            <div class="tab-pane fade in active" id="shirts" role="tabpanel"> 
             <script type="text/javascript"> 
              amzn_assoc_placement = "adunit0"; 
              amzn_assoc_search_bar = "true"; 
              amzn_assoc_tracking_id = "wrestlestat-20"; 
              amzn_assoc_search_bar_position = "top"; 
              amzn_assoc_ad_mode = "search"; 
              amzn_assoc_ad_type = "smart"; 
              amzn_assoc_marketplace = "amazon"; 
              amzn_assoc_region = "US"; 
              amzn_assoc_title = "Shop Related Products"; 
              amzn_assoc_default_search_phrase = "wrestling shirts"; 
              amzn_assoc_default_category = "All"; 
              amzn_assoc_linkid = "1652714d098550932e3244e6b68c660c"; 
             </script> 
             <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script> 
            </div> 
            <div class="tab-pane fade" id="sweatshirts" role="tabpanel"> 
             <script type="text/javascript"> 
              amzn_assoc_placement = "adunit0"; 
              amzn_assoc_search_bar = "true"; 
              amzn_assoc_tracking_id = "wrestlestat-20"; 
              amzn_assoc_search_bar_position = "top"; 
              amzn_assoc_ad_mode = "search"; 
              amzn_assoc_ad_type = "smart"; 
              amzn_assoc_marketplace = "amazon"; 
              amzn_assoc_region = "US"; 
              amzn_assoc_title = "Shop Related Products"; 
              amzn_assoc_default_search_phrase = "wrestling sweatshirts"; 
              amzn_assoc_default_category = "All"; 
              amzn_assoc_linkid = "d8fa72ed2145882d2d2b477b692dc3a7"; 
             </script> 
             <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script> 
            </div> 
            <div class="tab-pane fade" id="shoes" role="tabpanel"> 
             <script type="text/javascript"> 
              amzn_assoc_placement = "adunit0"; 
              amzn_assoc_search_bar = "true"; 
              amzn_assoc_tracking_id = "wrestlestat-20"; 
              amzn_assoc_search_bar_position = "top"; 
              amzn_assoc_ad_mode = "search"; 
              amzn_assoc_ad_type = "smart"; 
              amzn_assoc_marketplace = "amazon"; 
              amzn_assoc_region = "US"; 
              amzn_assoc_title = "Shop Related Products"; 
              amzn_assoc_default_search_phrase = "wrestling shoes"; 
              amzn_assoc_default_category = "All"; 
              amzn_assoc_linkid = "64c7df1d0b41ea3f0ec8392345eadbf2"; 
             </script> 
             <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script> 
            </div> 
            <div class="tab-pane fade" id="headgear" role="tabpanel"> 
             <script type="text/javascript"> 
              amzn_assoc_placement = "adunit0"; 
              amzn_assoc_search_bar = "true"; 
              amzn_assoc_tracking_id = "wrestlestat-20"; 
              amzn_assoc_search_bar_position = "top"; 
              amzn_assoc_ad_mode = "search"; 
              amzn_assoc_ad_type = "smart"; 
              amzn_assoc_marketplace = "amazon"; 
              amzn_assoc_region = "US"; 
              amzn_assoc_title = "Shop Related Products"; 
              amzn_assoc_default_search_phrase = "wrestling headgear"; 
              amzn_assoc_default_category = "All"; 
              amzn_assoc_linkid = "50f3bdaf710b4d98ca80ef0fd85ffc89"; 
             </script> 
             <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script> 
            </div> 
            <div class="tab-pane fade" id="mats" role="tabpanel"> 
             <script type="text/javascript"> 
              amzn_assoc_placement = "adunit0"; 
              amzn_assoc_search_bar = "true"; 
              amzn_assoc_tracking_id = "wrestlestat-20"; 
              amzn_assoc_search_bar_position = "top"; 
              amzn_assoc_ad_mode = "search"; 
              amzn_assoc_ad_type = "smart"; 
              amzn_assoc_marketplace = "amazon"; 
              amzn_assoc_region = "US"; 
              amzn_assoc_title = "Shop Related Products"; 
              amzn_assoc_default_search_phrase = "wrestling mats"; 
              amzn_assoc_default_category = "All"; 
              amzn_assoc_linkid = "2b7b352bfa7628a3cdfe070ab4e0c338"; 
             </script> 
             <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script> 
            </div> 
            <div class="tab-pane fade" id="apparel" role="tabpanel"> 
             <script type="text/javascript"> 
              amzn_assoc_placement = "adunit0"; 
              amzn_assoc_search_bar = "true"; 
              amzn_assoc_tracking_id = "wrestlestat-20"; 
              amzn_assoc_search_bar_position = "top"; 
              amzn_assoc_ad_mode = "search"; 
              amzn_assoc_ad_type = "smart"; 
              amzn_assoc_marketplace = "amazon"; 
              amzn_assoc_region = "US"; 
              amzn_assoc_title = "Shop Related Products"; 
              amzn_assoc_default_search_phrase = "wrestling apparel"; 
              amzn_assoc_default_category = "All"; 
              amzn_assoc_linkid = "276b7bc6cbaec842ec7997d866ef94ac"; 
             </script> 
             <script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US"></script> 
            </div> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

我不知道爲什麼它正在發生。但在我的情況下，我喜歡。

我添加活動類的所有選項卡和渲染標籤後。我刪除了所有活動類，除了實際活動標籤（在你的情況下，例如襯衫）。

與標籤的問題。如果他們不活躍。他們不顯示數據或檢索。這很奇怪。

HTML

 <ul class="nav nav-tabs mt-2" role="tablist"> 
     <li class="nav-item"> 
      <a class="nav-link active" data-toggle="tab" href="#shirts" role="tab">Shirts</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link active remove-after-render" data-toggle="tab" href="#sweatshirts" role="tab">Sweatshirts</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link active remove-after-render" data-toggle="tab" href="#shoes" role="tab">Shoes</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link active remove-after-render" data-toggle="tab" href="#headgear" role="tab">Headgear</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link active remove-after-render" data-toggle="tab" href="#mats" role="tab">Mats</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link active remove-after-render" data-toggle="tab" href="#apparel" role="tab">Apparel</a> 
     </li> 
     </ul> 

JS

$('.remove-after-render').removeClass('active'); 

還有一件事我已經在你的代碼注意。根據Bootstrap活動類應該在li元素上不要a標籤。因此，儘量在li元素上做同樣的事情。

祝你一切順利。