0

我目前使用 Jquery 来执行以下操作。当您将鼠标悬停在列表项（成员列表）上并单击评论选项卡时，将加载成员的评论页面。使用此设置，每个列表项都必须有自己的特定代码，需要更多的 id 标签和...手动输入评论页面的文件名。我一直在研究一个更通用的代码......一个构造文件名以在点击时加载的代码。

我需要代码将文件夹名称（所有评论页面都相同）与所选成员的名字和姓氏（文件夹/姓氏，firstName.php）结合起来。请原谅我不知道适当的术语...我正在自学：/ 到目前为止，这就是我所拥有的代码。除了加载文件之外，它什么都做...

$('li.services').each(function(){
$('.proviewtab').click(function(e){ 

  var name = $(this).find("p2").text(); 
  name = name.split(" ", 2); 
  var firstName = name[0]; 
  var lastName = name[1]; 
  var folder = "reviews-pest-control-va"; 
  var reviewsPath = folder + '/' + lastName + ',' + firstName + '.php'; 
  reviewsFile = reviewsPath.replace(/ /g, '').toLowerCase(); 

  e.preventDefault(); 
  $('#insert').empty(); 
  $('#insert').load(reviewsFile); 
  $('.lbox').removeClass('hbox'); 
  $('.lbox').addClass('tempbox'); 
  $('.mainflipper').addClass('top'); 
}); 
});

这是html。我正在尝试将文件夹名称、姓氏和名字与加载命令结合使用。

<li class="services amelia chesterfield powhatan richmond sussex nottoway 
   greensville bugs bedbugs rodents bees reptiles">
    <div class="lpic">
    <div class="lbox hbox">
    <div class="prolight"></div>
    <div class="pro"><img src="http://integritycontractingofva.com/image/KimMedina.jpg" />
    <p2>Kim Medina<br/>
    (804) 381-8026<br />
    Dodson Pest Control</p2>
    <div class="proviewtab"><p3>Reviews</p3></div></div></div></div>
</li>

我的测试页面使用上面的代码和 html http://integritycontractingofva.com/testpage.php

这是我网站上使用我当前代码和 html 的页面。它可能会更好地了解我要复制的内容。http://integritycontractingofva.com/Pest-Control-in-Chesterfield%2C-VA---Midlothian%2C-VA---Chester%2C-VA---Moseley%2C-VA.php

在此先感谢您的帮助:^)

编辑我让它工作。单击“评论”按钮时，将组合适当的（最接近的）名字和姓氏以创建文件名，然后加载该文件名。

html

<li class="services amelia chesterfield powhatan richmond sussex nottoway 
       greensville bugs bedbugs rodents bees reptiles">
        <div class="lpic">
        <div class="lbox hbox">
        <div class="pro"><img src="http://integritycontractingofva.com/image/KimMedina.jpg" />
        <p>Kim Medina<br/>
        (804) 381-8026<br />
        Dodson Pest Control</p>
        <div class="proviewtab"><p3>Reviews</p3></div></div></div></div>
    </li>

编码

$('.proviewtab').click(function(e){  
 var name = $(this).closest(".pro").find("p").text();
 name = name.split(/^(\w+)\s+(\w+)/);
 var firstName = name[1]; 
 var lastName = name[2];
 var folder = "reviews-pest-control-va";  
 var reviewsPath = folder + '/' + lastName + ',' + firstName + '.php';
 reviewsFile = reviewsPath.toLowerCase();
    e.preventDefault();
    $('#insert').empty();
    $('#insert').load(reviewsFile);
    $('.lbox').removeClass('hbox');
    $('.lbox').addClass('tempbox');
    $('.mainflipper').addClass('top');

});

4

0 回答 0