小编Won*_*ane的帖子

使用Bootstrap data-toggle ="collapse"和scrollIntoView()来显示和滚动到内容

在我使用Bootstrap 3构建的站点上,有一个使用collapse该类隐藏的部分.我添加了一个按钮来切换部分,使其可见.一切正常.我需要的是能够切换内容并在显示时滚动到该部分.

这是我的按钮代码:

<button class="btn btn-lg btn-primary" href="#benefits" data-toggle="collapse">Learn More</button>
Run Code Online (Sandbox Code Playgroud)

这是我的内容:

<section id="benefits" class="text-white collapse" data-toggle="collapse">
<div class="container">
<div class="row">
<div class="col-md-12">
Text goes here
</div>
</div>
</div>
</section>
Run Code Online (Sandbox Code Playgroud)

最后,在这里我尝试使用jQuery将事物绑定在一起(尽管我的jQuery技能非常有限):

$(document).ready(function() {
    $("#benefits").bind('shown', function() {
        document.getElementById('benefits').scrollIntoView();
    });
});
Run Code Online (Sandbox Code Playgroud)

有人能用我上面的代码发现问题,还是建议更好的解决方案?

jquery twitter-bootstrap

7
推荐指数
3
解决办法
6356
查看次数

使用preg_replace删除php中两个字符串之间的文本

我一直试图从两个标签之间的网站中删除一段文字.例如:

This is CROPSTART not very CROPEND cool.
Run Code Online (Sandbox Code Playgroud)

......应该成为......

This is cool.
Run Code Online (Sandbox Code Playgroud)

这是我尝试过的PHP,通常它可以工作:

preg_replace('#\/\/CROPSTART[\s\S]+\/\/CROPEND#', '', $string);
Run Code Online (Sandbox Code Playgroud)

但是,当字符串包含多个"CROPEND"时,它会裁剪从CROPSTART到最后一个CROPEND的所有内容.我希望它只能在第一个CROPSTART和第一个 CROPEND 之间进行裁剪.

有人知道怎么做吗?

谢谢Wonko

php regex preg-replace

6
推荐指数
1
解决办法
1万
查看次数

使用 Perl 正则表达式删除引号和撇号的所有变体

我试图从字符串中删除撇号和双引号,并注意到根据其创建方式,我正在使用的数据中创建了各种版本。例如,Word 文档倾向于使用这些:

\n\n
It\xe2\x80\x99s raining again. \nWhat do you mean by \xe2\x80\x9cweird\xe2\x80\x9d?\n
Run Code Online (Sandbox Code Playgroud)\n\n

而文本编辑器是这样的:

\n\n
It\'s raining again.\nWhat do you mean by "weird"?\n
Run Code Online (Sandbox Code Playgroud)\n\n

当我浏览各种字符图表和数据时,我注意到引号和撇号还有其他变体,例如: http: //www.fileformat.info/info/unicode/char/0022/index.htm

\n\n

虽然我可以通过并合理地找到它们,但是否有现有的 Perl 正则表达式或函数可以删除引号和撇号的所有变体?

\n

regex perl

5
推荐指数
1
解决办法
2044
查看次数

PHP strtotime/date_create错误从"j M,Y"转换为"Ymd"

我有strtotime和date_create的错误.在我的代码中,它错误地将日期从"2014年9月7日"转换为"2015-09-07".注意年份错了!

这是我的代码:

<?php

$listing_date = "07 Sep, 2014";
print $listing_date . " --> ";
$listing_date = date_create($listing_date)->format('Y-m-d');
print $listing_date . "\n";

$listing_date = "07 Sep, 2014";
print $listing_date . " --> ";
$listing_date = date('Y-m-d', strtotime($listing_date));
print $listing_date . "\n";

?>
Run Code Online (Sandbox Code Playgroud)

......这是输出:

07 Sep, 2014 --> 2015-09-07
07 Sep, 2014 --> 2015-09-07
Run Code Online (Sandbox Code Playgroud)

难道我做错了什么?建议非常感谢.

php

4
推荐指数
1
解决办法
131
查看次数

使用PHP解析Alexa API

我需要帮助从Amazon Alexa API中提取属性.

具体来说,我需要从中提取像"VN"这样的属性值:

<aws:Country Code="VN">
Run Code Online (Sandbox Code Playgroud)

我能够获取内容,而SimpleXMLElement似乎可以解析它,但我的大脑无法弄清楚如何引用属性.

这是我的代码示例:

$xml = new SimpleXMLElement($response, null, false, 'http://awis.amazonaws.com/doc/2005-07-11');
if(count($xml)) 
{
    $cc = $xml->Response->UrlInfoResult->Alexa->TrafficData->RankByCountry->Country['VN'];
}
Run Code Online (Sandbox Code Playgroud)

以下是完整的Alexa XML响应:

此XML文件似乎没有与之关联的任何样式信息.文档树如下所示.

<aws:UrlInfoResponse xmlns:aws="http://alexa.amazonaws.com/doc/2005-10-05/">
<aws:Response xmlns:aws="http://awis.amazonaws.com/doc/2005-07-11">
<aws:OperationRequest>
<aws:RequestId>1551fc65-c954-3af9-4cc1-a6c05a87bb98</aws:RequestId>
</aws:OperationRequest>
<aws:UrlInfoResult>
<aws:Alexa>
<aws:ContentData>
<aws:DataUrl type="canonical">stackoverflow.com</aws:DataUrl>
<aws:LinksInCount>66351</aws:LinksInCount>
</aws:ContentData>
<aws:TrafficData>
<aws:DataUrl type="canonical">stackoverflow.com</aws:DataUrl>
<aws:Rank>49</aws:Rank>
<aws:Rank>49</aws:Rank>
<aws:RankByCountry>
<aws:Country Code="VN">
<aws:Rank>78</aws:Rank>
<aws:Contribution>
<aws:PageViews>0.7%</aws:PageViews>
<aws:Users>0.6%</aws:Users>
</aws:Contribution>
</aws:Country>
<aws:Country Code="IN">
<aws:Rank>18</aws:Rank>
<aws:Contribution>
<aws:PageViews>20.1%</aws:PageViews>
<aws:Users>18.3%</aws:Users>
</aws:Contribution>
</aws:Country>
<aws:Country Code="ID">
<aws:Rank>68</aws:Rank>
<aws:Contribution>
<aws:PageViews>1.7%</aws:PageViews>
<aws:Users>1.7%</aws:Users>
</aws:Contribution>
</aws:Country>
<aws:Country Code="EG">
<aws:Rank>84</aws:Rank>
<aws:Contribution>
<aws:PageViews>1.0%</aws:PageViews>
<aws:Users>0.9%</aws:Users>
</aws:Contribution>
</aws:Country>
<aws:Country Code="TH">
<aws:Rank>76</aws:Rank>
<aws:Contribution> …
Run Code Online (Sandbox Code Playgroud)

php alexa

3
推荐指数
1
解决办法
690
查看次数

具有延迟加载图像的数据表的工作示例

我正在寻找一个在数据表中延迟加载图像的工作示例,在单击列标题以更改排序后继续工作.

我最成功的方法是使用jquery.lazyload插件:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script type="text/javascript">
    $(function() {
    $("img.lazy").lazyload();
    });
</script>   
Run Code Online (Sandbox Code Playgroud)

这是我参考图像的方式:

<img class="lazy" data-original="https://example.com/image.jpg" width="50" height="50" />
Run Code Online (Sandbox Code Playgroud)

如果我从不更改排序,延迟加载工作正常.但是,如果我决定通过单击其中一个列标题来更改表的排序,则延迟加载将停止工作,并且当我将它们滚动到视图中时,此时未下载的任何图像将保持空白.

我不是一个javascript或jQuery专家,所以不得不从SO和其他地方的例子中学习.但这个问题让我很难过.从我的研究中,我看到了很多关于它是如何可能的评论和片段,但没有实际工作的例子证明这是支持的.

jquery-dzyables中的jquery-lazyload图像

https://datatables.net/forums/discussion/1959/image-thumbs-in-table-column-lazy-loading

我不会发现我在这里和其他地方找到的众多其他链接,我只需要一些善良的帮助.

javascript jquery lazy-loading datatables

3
推荐指数
1
解决办法
3810
查看次数

如何使用 PHP 检测 4 字节字符

我需要帮助来使用 PHP 检测字符串何时包含 4 字节字符。是否有内置函数或正则表达式可以有效地做到这一点?

我发现这篇文章讨论了替换,但我找不到仅检测的工作示例。

php可以检测4字节编码的utf8字符吗?

这就是我所得到的,但它也失败了:

$chars = str_split($term);
foreach ($chars as $char) {
    if (strlen($char) >= 4) {
        print "Found 4-byte character\n";
    }
}
Run Code Online (Sandbox Code Playgroud)

php unicode

2
推荐指数
1
解决办法
1673
查看次数

如何使Nutch 2.3.1与ElasticSearch 5.3.2一起使用?

我已经在Ubuntu 16.04上启动并运行了ElasticSearch 5.3.2,并希望使用Nutch来爬网网站。我已经编译了Nutch 2.3.1,并成功地抓取了它,但是当我将其索引到Elastic中时,会出现错误。

命令:

bin / nutch索引-all

输出:

误差

在/var/logs/elasticsearch/elasticsearch.log文件中,我收到以下消息:

elasticsearch日志文件

有谁知道此错误的含义以及如何解决此问题?谢谢

nutch elasticsearch

1
推荐指数
1
解决办法
1816
查看次数

如何使用perl替换空间

抱歉,如果这是一个骗局(我尝试了各种搜索方式!).这让我疯狂......

我需要快速修复以用空格替换Ã.

我尝试过以下方法,但没有成功:

$str =~ s/Ã/ /g;
$str =~ s/\xC3/ /g;
Run Code Online (Sandbox Code Playgroud)

我在这做错了什么?

perl

0
推荐指数
1
解决办法
155
查看次数

DataTables:根据列中的值过滤行

我需要从数据表中过滤掉列中不包含特定值的行.例如,根据下面的数据,我想只显示type ="Dog"的结果:

<table id="petowners">
<tr>
    <th>Type</th>
    <th>Breed</th>
    <th>Owner</th>
</tr>
<tr>
    <td>Dog</td>
    <td>Doberman</td>
    <td>Peter</td>
</tr>
<tr>
    <td>Cat</td>
    <td>Jaguar</td>
    <td>Paul</td>
</tr>
<tr>
    <td>Dog</td>
    <td>Poodle</td>
    <td>Mary</td>
</tr>
<tr>
    <td>Cat</td>
    <td>Lion</td>
    <td>Ringo</td>
</tr>
<tr>
    <td>Cat</td>
    <td>Tiger</td>
    <td>John</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

这是我用来配置排序和每页结果的脚本.显然,基于列的过滤是我需要帮助的缺失位.

$(document).ready(function() {
    $('#petowners').dataTable( {
        "order": [[ 0, "asc" ]],
        "iDisplayLength": -1,
        "oLanguage": 
            {
                "sLengthMenu": 'Display <select>'+
                    '<option value="10">10</option>'+
                    '<option value="10">25</option>'+
                    '<option value="10">50</option>'+
                    '<option value="100">100</option>'+
                    '<option value="500">500</option>'+
                    '<option value="-1">All</option>'+
                    '</select> records'
            },
    } );
} );
Run Code Online (Sandbox Code Playgroud)

我需要添加两个链接,按钮或复选框,一个用于"狗",一个用于"猫".

当用户单击"Dog"时,仅显示"Type"列中包含"Dog"的行.同样,单击"Cat"时,只应显示"类型"列中包含"Cat"的行.

这似乎是一个相当简单的功能,但我无法在datatables.net网站上找到任何显示如何完成此操作的内容.

我希望这是有道理的,有人可以提供帮助.

非常感谢提前做好准备

jquery datatables

0
推荐指数
2
解决办法
7859
查看次数