小编JV1*_*V10的帖子

我有一个无序列表:

<ul id="myList"></ul>
<div id="loadMore">Load more</div>

我希望用另一个HTML文件中的列表项填充此列表:

<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
<li>Eight</li>
<li>Nine</li>
<li>Ten</li>
<li>Eleven</li>
<li>Twelve</li>
<li>Thirteen</li>
<li>Fourteen</li>
<li>Fifteen</li>

我想加载前3个列表项,然后在用户点击"加载更多"div时显示接下来的5个项目:

$(document).ready(function () {
    // Load the first 3 list items from another HTML file
    //$('#myList').load('externalList.html li:lt(3)');
    $('#myList li:lt(3)').show();
    $('#loadMore').click(function () {
        $('#myList li:lt(10)').show();
    });
    $('#showLess').click(function () {
        $('#myList li').not(':lt(3)').hide();
    });
});

我需要帮助,因为我希望"加载更多"以显示接下来的5个列表项,但如果HTML文件中有更多列表项,则再次显示"加载更多"div并允许用户显示下一个5项,重复此项,直到显示整个列表.

我怎样才能做到最好？

我创建了以下jsfiddle:http://jsfiddle.net/nFd7C/

如何在下载时将单个选定的PDF文件合并为一个PDF？

我想实现以下目标:http: //annualreport2010.landsecurities.com/create-your-own-report.aspx

我是否需要ASP网站,或者我可以使用静态HTML网站做类似的事情吗？

如何在一个范围中包装每个单词并保留文本格式？例如br,em,强

我正在使用以下代码从一个范围内的富文本编辑器中包装每个单词,但它正在删除我的所有格式.

$(window).load(function() {
$(".hero_image p").addClass("hero_image_caption");
$('.hero_image p').each(function(){
    var text = $(this).text().split(' ');

    for( var i = 0, len = text.length; i < len; i++ ) {
        text[i] = '<span>' + text[i] + '</span>';
        }
        $(this).html(text.join(' '));

        });        
});

如何在仅数字验证中允许空格,最少8位数？允许空格时,电话号码更容易输入.例如0400 123 456,9699 1234.

到目前为止,这是我的代码,我只有最低8位数的验证工作:

jQuery.validator.addMethod(
  "phone",
  function(phone_number, element) {
    return this.optional(element) || /^\d{8}$/.test(phone_number);
  },
    "Please enter numbers only"
);

如何输入限制为4个数字/数字,但如果键入文本,则字符长度是无限的？

最终工作代码:

    function isNumber (o) {
  return ! isNaN (o-0);
}

$("#txt").keyup(function(e){
    txtVal = $(this).val();  
     if(isNumber(txtVal) && txtVal.length>4)
     {
         $(this).val(txtVal.substring(0,4) )
           $(".error").html("4 Numbers Only").show();
      return false;
     }
});
});