pagelime을 사용하여 게시물을 추가 한 후 스크립트가 작동을 멈췄습니다.

Question

색인 페이지에 가장 최근의 5 개의 블로그 게시물 (cms-repeat 클래스가 제공함) 만 표시하도록하는 스크립트가 있습니다. PageLime (온라인 라이트 CMS)을 사용하여 새 블로그 게시물을 추가 할 때까지 제대로 작동합니다 (편집 한 기사를 복제 함). 어떤 이유로, PageLime은 스크립트를 죽이고 그 이유를 파악할 수 없습니다. 내가보기에 서버에서 내 HTML을 움켜 잡았지만 스크립트가 실행되는 것을 방해하는 것을 보지 못했습니다.

다음은 본체 부분, 바닥 글, 스크립트 코드는 다음과 같습니다 물론 높은 특이성을 가지고있는 내 기사의 대부분 인라인 CSS로 : "블록 표시"

<section class="wrapper blog-page"> 
     <article id="editableBlogPost-1" class="cms-editable cms-repeat clearfix"> 
    <h2>Paper Towl Rolls</h2> 
    <p>text...</p> 
    </article><article id="e24450" class="cms-editable cms-repeat clearfix cms-previous-repeat-item-id-editableBlogPost-1" style="display: block;"> 
    <h2>No Storytime today!</h2> 
    <p>text...</p> 
    </article><article id="e15438" class="cms-editable cms-repeat clearfix cms-previous-repeat-item-id-editableBlogPost-1" style="display: block;"> 
    <h2>New Resources for Families</h2> 
    <p>text...</p> 
    <p><img id="e42608" src="/cms-assets/images/512037.optimized-may12-2-1.jpg" alt="Image of new books at the Logan Family Center, Anxiety, depression, self-esteem and shyness" width="300" height="224" />&nbsp; &nbsp; &nbsp;<img id="eca5c2" src="/cms-assets/images/107497.optimized-may12-1.jpg" alt="Photo of new family resource books, Anxiety, depression, self-esteem and shyness" width="300" height="224" /></p> 
    <p>&nbsp;</p> 
    </article><article id="e3c688" class="cms-editable cms-repeat clearfix cms-previous-repeat-item-id-editableBlogPost-1" style="display: block;"> 
    <h2>Around the World Presenters</h2> 
    <p>text...</p> 
    </article><article id="e70d96" class="cms-editable cms-repeat clearfix cms-previous-repeat-item-id-editableBlogPost-1" style="display: block;"> 
    <h2>Do You Have What it Takes?</h2> 
    <p>text...</p> 
    </article><article id="e2016e" class="cms-editable cms-repeat clearfix cms-previous-repeat-item-id-e70d96" style="display: block;"> 
    <h2>Ready! Set! School! -&nbsp;<span>Let's Read!</span></h2> 
    <p><span><img id="e91bf1" src="/cms-assets/images/169742.optimized-april15.jpg" alt="Image of Ready! Set! School! Books used in the Lets Read lesson" width="300" height="225" />text...</span></p> 
    <p>&nbsp;</p> 
    </article><article id="e30bb5" class="cms-editable cms-repeat clearfix cms-previous-repeat-item-id-e2016e" style="display: block;"> 
    <h2>Welcome back</h2> 
    <p><img id="e5597d" src="/cms-assets/images/287627.optimized-april8.jpg" alt="Image of Ready! Set! School! student with book, everybody counts lesson" width="300" height="225" /><span>text...</span></p> 
    </article> 
     <input type="button" id="more" value="More"> 
     </section> 

     <footer class="page-footer">...</footer> 

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 

     <script> 

    //display next 5 blog posts when "#more" is clicked 
      size_article = $('.cms-repeat').size(); 
      x=5; 
      $('.cms-repeat:lt('+x+')').slideDown('slow').show(); 
      $('#more').click(function() { 
       x= (x+5 <= size_article) ? x+5 : size_article; 
       $('.cms-repeat:lt('+x+')').slideDown('slow').show(); 
       alert('its working?'); 
      }); 


     //hides "Please enable javascript" message for those with javascript 
      $("#no-script").hide(); 

     </script> 

Answer 1

문제가 PageLime이 스타일 = 추가이었다 내 대본보다. Page Lime을 사용하여 인라인 스타일을 끄는 것에 대해서는 아무 것도 찾을 수 없으므로 스타일 attr을 먼저 제거하기 위해 다른 스타일보다 먼저 jQuery를 추가하고 있습니다.

$('article').removeAttr("style");