HTML頁面重載自動

我有如下HTML頁面：HTML頁面重載自動

$(document).ready(function() { 
 
    var showChar = 380; 
 
    var ellipsestext = "..."; 
 
    var moretext = "Read more"; 
 
    var lesstext = "Read less"; 
 
    var lesshtml=""; 
 
    var morehtml=""; 
 
    var content = $(".more").html(); 
 

 
    if(content.length > showChar) { 
 

 
    var lastChar = content.charAt(showChar); 
 
    if(lastChar == '/'){ 
 
     showChar = showChar+1; 
 
    } 
 
    var c = content.substr(0, showChar); 
 
    var h = content.substr(showChar-1, content.length - showChar); 
 

 
    var lesshtml = c + '<span class="moreelipses">'+ellipsestext+' <a href="" class="morelink">'+moretext+'</a></span>'; 
 
    var morehtml = content + '<span><a href="" class="morelink">'+lesstext+'</a></span>'; 
 
    $(".more").html(lesshtml); 
 
    } 
 

 
    $(".morelink").click(function(){ 
 

 
    if ($(this).text()==moretext){ 
 
     $(".more").html(morehtml); 
 
    }else{ 
 
     $(".more").html(lesshtml); 
 
    } 
 
    return false; 
 
    }); 
 
});

a { 
 
    color: #EA7813 
 
} 
 
a:visited { 
 
    color: #EA7813 \t 
 
} 
 
a.morelink { 
 
    text-decoration:none; 
 
    outline: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<div class="more"> 
 
    <p>Can't reach the light switch when you walk into a room? Need one added near the door? If you would like to have a switch professionally installed in a location where no switch currently exists, one of our vetted, <strong>local electrical professionals</strong> will take care of your <strong>light switch installation </strong>and make sure it's working smoothly.</p> 
 
    <p><strong>What's included:</strong></p> 
 
    <ul> 
 
    <li>Install one (1) new gang box and associated wiring extension from existing circuit (up to 25')</li> 
 
    <li>Install and pair one (1) <strong>customer-supplied</strong> smart light switch in a new location <strong>-OR-</strong> provide and install one (1) standard single-pole switch and cover plate</li> 
 
    <li>Ensure all features are operating to maximum performance</li> 
 
    <li>Demonstrate basic device features</li> 
 
    <li>90-day labor warranty</li> 
 
    </ul> 
 
    <p><strong>Out of scope:</strong></p> 
 
    <ul> 
 
    <li>Smart switch not included, price includes installation only of smart switch -OR- providing and installing a standard switch</li> 
 
    <li>Requires existing, accessible electrical circuit within 25'</li> 
 
    <li>Drywall patching &amp; painting</li> 
 
    <li>Requires existing, compatible network</li> 
 
    <li>No diagnostic, repair or parts are included with this service</li> 
 
    <li>No non-stock parts, materials or system repair/upgrades are included with this service</li> 
 
    </ul> 
 
</div>

我想是擴大和收縮身體。擴展工作正常，但當我縮小，頁面重新加載。我想停止重新加載。在我的點擊功能中，其他的零件不會被解僱。而是重新加載頁面。我想停止重新加載並運行其他中的代碼，以便機體適當縮小。

來源

2016-09-22 naadyem

是你確定頁面**重新加載**？ –

使jsfiddle –

@AdrianoRepetti當我在瀏覽器中運行此代碼時，瀏覽器顯示重新加載標誌。但我不認爲它是因爲代碼而重新加載的。這可能是因爲代碼中有任何錯誤。 – naadyem

代表您的活動

$('body').on('click','.morelink',function(e){ 
    e.preventDefault(); 
    //other code 
});

來源

2016-09-22 11:39:57 madalinivascu

你打敗了我！很高興再次見到你。這是正確的答案。 –

但是'href =「」'不應該讓它重新加載頁面。 – Rayon

@Rayon yes，'href =「」'將會是引用同一頁面的鏈接。所以本質上是重裝。 –

而不必在HREF #的，你可以在HREF使用javascript:;，不會讓URL變化

var lesshtml = c + '<span class="moreelipses">'+ellipsestext+' <a href="javascript:;" class="morelink">'+moretext+'</a></span>'; 
      var morehtml = content + '<span><a href="javascript:;" class="morelink">'+lesstext+'</a></span>'; 
      $(".more").html(lesshtml); 
      }

來源

2016-09-22 11:44:00

試試這個

$(document).on('click', '.morelink', function(){ 
     if ($(this).text()==moretext){ 
     $(".more").html(morehtml); 
     } else { 
     $(".more").html(lesshtml); 
     } 
     return false; 
    });

來源

2016-09-22 11:49:30 Bhavana

HTML頁面重載自動

回答

相關問題