9赞

jQuery .ready在动态插入的iframe中

作者：赛亚兔备_393 | 2023-09-04 04:43

如何解决《jQuery.ready在动态插入的iframe中》经验，为你挑选了4个好方法。

当有人点击图片时,我们使用jQuery thickbox动态显示iframe.在这个iframe中,我们使用galleria一个javascript库来显示多张图片.

问题似乎是$(document).ready在iframe似乎过早被解雇并且iframe内容甚至尚未加载,因此galleria代码未在DOM元素上正确应用. $(document).ready似乎使用iframe父就绪状态来决定iframe是否准备就绪.

如果我们在单独的函数中提取由文档就绪调用的函数,并在超过100毫秒后调用它.它有效,但我们不能利用慢速计算机生产机会.

$(document).ready(function() { setTimeout(ApplyGalleria, 100); });

我的问题:我们应该绑定哪个jQuery事件,以便在动态iframe准备就绪时能够执行我们的代码,而不仅仅是它的父级？

1> Pier Luigi..：

我回答了一个类似的问题(当IFRAME加载完成后,请参阅Javascript回调？).您可以使用以下代码获取对iframe加载事件的控制权:

function callIframe(url, callback) {
    $(document.body).append('');
    $('iframe#myId').attr('src', url);

    $('iframe#myId').load(function() {
        callback(this);
    });
}
</pre>

<p>在处理iframe时,我发现使用load事件而不是文档就绪事件已经足够好了.</p></p>
        <hr>load事件不适用于用于下载的iframe.喜欢<iframe src ="my.pdf"/> <hr>你不应该在调用attr(&#39;src&#39;)之前设置load事件吗？ <hr>不,没关系.加载事件将至少在下一个事件循环之前触发. <hr>[`.load()`事件已被弃用.使用`.on("load",handler)`代替.](http://api.jquery.com/load-event/) <hr>加载问题是当所有图像和子帧都已加载时它会触发.像ready事件这样的jQuery会更有用. <hr>"动态插入",因为iframe标记是通过客户端上的javascript插入DOM中的.因此,根据客户端上发生的条件或事件,iframe可以在页面上添加或不添加. <br><br><b>2> 小智..：</b><hr><p>使用jQuery 1.3.2,以下对我有用:</p>

<pre class="brush:bash;">$('iframe').ready(function() {
  $('body', $('iframe').contents()).html('Hello World!');
});
</pre>

<p>修订:!实际上上面的代码看起来有点像在Firefox中工作,看起来在Opera中看起来不像.</p>

<p>相反,我为我的目的实施了一个轮询解决方案.简化它看起来像这样:</p>

<pre class="brush:bash;">$(function() {
  function manipIframe() {
    el = $('body', $('iframe').contents());
    if (el.length != 1) {
      setTimeout(manipIframe, 100);
      return;
    }
    el.html('Hello World!');
  }
  manipIframe();
});
</pre>

<p>这不需要调用iframe页面中的代码.所有代码都驻留在父框架/窗口中并从中执行.</p></p>
        <br><br><b>3> Tamas Czineg..：</b><hr><p>在IFrame中,我通常通过在块的最末端放一个小脚来解决这个问题:</p>

<pre class="brush:bash;"><body>
The content of your IFrame
<script type="text/javascript">
//<![CDATA[
   fireOnReadyEvent();
   parent.IFrameLoaded();
//]]>
</script>
</body>
</pre>

<p>这项工作大部分时间都适合我.有时,最简单,最天真的解决方案是最合适的.</p></p>
        <hr>这不适用于跨域位置 <hr>+1这个解决方案对我很有用!一个很好的补充是你可以达到`parent`来获取jQuery的副本并使用`parent.$(document).ready(function(){parent.IFrameLoaded();});`来初始化iframe . <br><br><b>4> Ricardo Frei..：</b><hr><p>遵循Dr.Jokepu和David Murdoch的想法,我实现了一个更完整的版本.它<strong>需要</strong>父和iframe上的jQuery以及iframe在你的控件中.</p>

<p><strong>iframe代码:</strong></p>

<pre class="brush:bash;">var iframe = window.frameElement;

if (iframe){
    iframe.contentDocument = document;//normalization: some browsers don't set the contentDocument, only the contentWindow

    var parent = window.parent;
    $(parent.document).ready(function(){//wait for parent to make sure it has jQuery ready
        var parent$ = parent.jQuery;

        parent$(iframe).trigger("iframeloading");

        $(function(){
            parent$(iframe).trigger("iframeready");
        });

        $(window).load(function(){//kind of unnecessary, but here for completion
            parent$(iframe).trigger("iframeloaded");
        });

        $(window).unload(function(e){//not possible to prevent default
            parent$(iframe).trigger("iframeunloaded");
        });

        $(window).on("beforeunload",function(){
            parent$(iframe).trigger("iframebeforeunload");
        });
    });
}
</pre>

<p><strong>父测试代码:</strong></p>

<pre class="brush:bash;">$(function(){
    $("iframe").on("iframeloading iframeready iframeloaded iframebeforeunload iframeunloaded", function(e){
        console.log(e.type);
    });
});
</pre></p>
            </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiYunXingShiSha_fc1f22cf.html" target="_blank" title="在运行时删除所有领域对象">在运行时删除所有领域对象</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在运行时删除所有领域对象》经验，为你挑选了3个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiYunXingShiSha_fc1f22cf.html" target="_blank" title="在运行时删除所有领域对象">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/YouMeiYouBanFaZa_f701434b.html" target="_blank" title="有没有办法在Windows cli中使用&#39;COPY&#39;命令(PostgreSQL)？">有没有办法在Windows cli中使用&#39;COPY&#39;命令(PostgreSQL)？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《有没有办法在Windowscli中使用&#39;COPY&#39;命令(PostgreSQL)？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/YouMeiYouBanFaZa_f701434b.html" target="_blank" title="有没有办法在Windows cli中使用&#39;COPY&#39;命令(PostgreSQL)？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/QuickBloxv2-6x_T_3d41ecb8.html" target="_blank" title="QuickBlox v2.6 x通过Facebook for iOS登录">QuickBlox v2.6 x通过Facebook for iOS登录</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《QuickBloxv2.6x通过FacebookforiOS登录》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/QuickBloxv2-6x_T_3d41ecb8.html" target="_blank" title="QuickBlox v2.6 x通过Facebook for iOS登录">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Jiang_R_ShuJuZuo_d97aeb28.html" target="_blank" title="将R数据作为输入传递给html？">将R数据作为输入传递给html？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将R数据作为输入传递给html？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/Jiang_R_ShuJuZuo_d97aeb28.html" target="_blank" title="将R数据作为输入传递给html？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WuFaZai_Django1-_d2a293f6.html" target="_blank" title="无法在Django 1.9+中解析&#39;django.utils.log.NullHandler&#39;">无法在Django 1.9+中解析&#39;django.utils.log.NullHandler&#39;</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《无法在Django1.9+中解析&#39;django.utils.log.NullHandler&#39;》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/WuFaZai_Django1-_d2a293f6.html" target="_blank" title="无法在Django 1.9+中解析&#39;django.utils.log.NullHandler&#39;">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiFouZai_Ruby_Z_87d84b5f.html" target="_blank" title="是否在Ruby中的BigDecimal中使用String或Integer">是否在Ruby中的BigDecimal中使用String或Integer</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《是否在Ruby中的BigDecimal中使用String或Integer》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ShiFouZai_Ruby_Z_87d84b5f.html" target="_blank" title="是否在Ruby中的BigDecimal中使用String或Integer">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/SQLBETWEEN_MingL_96ec6f74.html" target="_blank" title="SQL BETWEEN命令不适用于大范围">SQL BETWEEN命令不适用于大范围</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《SQLBETWEEN命令不适用于大范围》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/SQLBETWEEN_MingL_96ec6f74.html" target="_blank" title="SQL BETWEEN命令不适用于大范围">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Ruby-_RuHeCongQi_1316a56b.html" target="_blank" title="Ruby  - 如何从嵌套在哈希中的数组访问键">Ruby  - 如何从嵌套在哈希中的数组访问键</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Ruby-如何从嵌套在哈希中的数组访问键》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Ruby-_RuHeCongQi_1316a56b.html" target="_blank" title="Ruby  - 如何从嵌套在哈希中的数组访问键">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeLiJie_ReactN_28baa87e.html" target="_blank" title="如何理解React Native中&quot;向Javascript发送事件&quot;中的&quot;ReactContext&quot;">如何理解React Native中&quot;向Javascript发送事件&quot;中的&quot;ReactContext&quot;</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何理解ReactNative中&quot;向Javascript发送事件&quot;中的&quot;ReactContext&quot;》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeLiJie_ReactN_28baa87e.html" target="_blank" title="如何理解React Native中&quot;向Javascript发送事件&quot;中的&quot;ReactContext&quot;">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_RequireJ_d66b42aa.html" target="_blank" title="使用Require JS的angularJS App中的子资源完整性">使用Require JS的angularJS App中的子资源完整性</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用RequireJS的angularJSApp中的子资源完整性》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_RequireJ_d66b42aa.html" target="_blank" title="使用Require JS的angularJS App中的子资源完整性">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZhiChiShiYon_138a7eba.html" target="_blank" title="如何支持使用UILabel自动调整UITableViewCell的大小">如何支持使用UILabel自动调整UITableViewCell的大小</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/RuHeZhiChiShiYon_138a7eba.html" target="_blank" title="如何支持使用UILabel自动调整UITableViewCell的大小"><img src="https://img.devbox.cn/3cccf/16086/243/01d99e3f02db9d45.png" width="120" height="70" alt="如何支持使用UILabel自动调整UITableViewCell的大小"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《如何支持使用UILabel自动调整UITableViewCell的大小》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZhiChiShiYon_138a7eba.html" target="_blank" title="如何支持使用UILabel自动调整UITableViewCell的大小">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_androids_e6af043d.html" target="_blank" title="如何在android studio中添加卫星视图？">如何在android studio中添加卫星视图？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在androidstudio中添加卫星视图？》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_androids_e6af043d.html" target="_blank" title="如何在android studio中添加卫星视图？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_Python_Z_38ef2edc.html" target="_blank" title="如何在Python中安装VLC模块">如何在Python中安装VLC模块</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在Python中安装VLC模块》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_Python_Z_38ef2edc.html" target="_blank" title="如何在Python中安装VLC模块">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_chrome_XinBa_1c91ac6f.html" target="_blank" title="在chrome新版本中打印隐藏部分的预览边距">在chrome新版本中打印隐藏部分的预览边距</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/Zai_chrome_XinBa_1c91ac6f.html" target="_blank" title="在chrome新版本中打印隐藏部分的预览边距"><img src="https://img.devbox.cn/3cccf/16086/243/fc625743366a4cce.png" width="120" height="70" alt="在chrome新版本中打印隐藏部分的预览边距"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《在chrome新版本中打印隐藏部分的预览边距》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_chrome_XinBa_1c91ac6f.html" target="_blank" title="在chrome新版本中打印隐藏部分的预览边距">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_POST_DeJ_324833e2.html" target="_blank" title="使用POST的基于Amazon AWS S3浏览器的上传 -">使用POST的基于Amazon AWS S3浏览器的上传 -</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用POST的基于AmazonAWSS3浏览器的上传-》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_POST_DeJ_324833e2.html" target="_blank" title="使用POST的基于Amazon AWS S3浏览器的上传 -">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_r_ZhongJiShu_ea25277f.html" target="_blank" title="在r中计数为零时按计数分组">在r中计数为零时按计数分组</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在r中计数为零时按计数分组》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_r_ZhongJiShu_ea25277f.html" target="_blank" title="在r中计数为零时按计数分组">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeShiYong_mysq_b17789fd.html" target="_blank" title="如何使用mysqli_fetch_assoc从mysql获取所有行并转换为JSON">如何使用mysqli_fetch_assoc从mysql获取所有行并转换为JSON</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何使用mysqli_fetch_assoc从mysql获取所有行并转换为JSON》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeShiYong_mysq_b17789fd.html" target="_blank" title="如何使用mysqli_fetch_assoc从mysql获取所有行并转换为JSON">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/AWSLambda_HanShu_a84a9abb.html" target="_blank" title="AWS Lambda函数不接受Twilio模块">AWS Lambda函数不接受Twilio模块</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《AWSLambda函数不接受Twilio模块》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/AWSLambda_HanShu_a84a9abb.html" target="_blank" title="AWS Lambda函数不接受Twilio模块">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/R_XiaoCeZiRuHeDi_000f4b37.html" target="_blank" title="R小册子如何点击地图并添加一个圆圈">R小册子如何点击地图并添加一个圆圈</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/R_XiaoCeZiRuHeDi_000f4b37.html" target="_blank" title="R小册子如何点击地图并添加一个圆圈"><img src="https://img.devbox.cn/3cccf/16086/243/0a4b7fe46a4eae26.png" width="120" height="70" alt="R小册子如何点击地图并添加一个圆圈"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《R小册子如何点击地图并添加一个圆圈》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/R_XiaoCeZiRuHeDi_000f4b37.html" target="_blank" title="R小册子如何点击地图并添加一个圆圈">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/JiaZai_MySQLdb_M_96a3fb7e.html" target="_blank" title="加载MySQLdb模块时出错:libmysqlclient.so.20:无法打开共享对象文件:没有这样的文件或目录">加载MySQLdb模块时出错:libmysqlclient.so.20:无法打开共享对象文件:没有这样的文件或目录</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《加载MySQLdb模块时出错:libmysqlclient.so.20:无法打开共享对象文件:没有这样的文件或目录》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/JiaZai_MySQLdb_M_96a3fb7e.html" target="_blank" title="加载MySQLdb模块时出错:libmysqlclient.so.20:无法打开共享对象文件:没有这样的文件或目录">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea>
            </div>
            <div class="cmnt_cmt">
                <div class="cmnt_login_box">
                                        <a href="https://www.php1.cn/?s=user/login/index&from=">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a>
                                    </div>
                <div class="post_cmnt"><input type="button" value="吐 &nbsp;槽" onclick="post_ping();" /></div>
            </div>
        </form>

        
    </div>
</div>

<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/>
<style>
    .syntaxhighlighter{
        width: 740px;
        padding-top:40px;padding-bottom:20px;
        border: 1px solid #333;
        background: url("/style/SyntaxHighlighter/top_bg.svg");
        background-size: 43px;
        background-repeat: no-repeat;
        margin-bottom: -7px;
        border-radius: 15px;
        background-position: 16px 12px;
        padding-left: 10px;
    }
    .gutter{
        display: none;
    }
</style>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>    <div class="article_right">

    <div class="profile">
        <div class="author">
            <!-- 未登录 -->
            <div class="author-avatar">
                <a href="/u/saiyatubei__393">
                    <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox">
                </a>
            </div>

            <div class="author-name">
                赛亚兔备_393            </div>

            <div class="author-intro">
                这个屌丝很懒，什么也没留下！            </div>
            
            <div class="author-bt">

                                <a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者">
                    <svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>
                    关注作者</a>
                            </div>

        </div>
    </div>


    <div class="tools">
        <div class="tools_top">Tags | 热门标签</div>
        <div class="tools_box">
            <ul>
                                <li>
                    <a href="/tag/actionscrip" target="_blank" title="actionscrip">actionscrip</a>
                </li>
                                <li>
                    <a href="/tag/bash" target="_blank" title="bash">bash</a>
                </li>
                                <li>
                    <a href="/tag/c#" target="_blank" title="c#">c#</a>
                </li>
                                <li>
                    <a href="/tag/c++" target="_blank" title="c++">c++</a>
                </li>
                                <li>
                    <a href="/tag/c语言" target="_blank" title="c语言">c语言</a>
                </li>
                                <li>
                    <a href="/tag/erlang" target="_blank" title="erlang">erlang</a>
                </li>
                                <li>
                    <a href="/tag/flutter" target="_blank" title="flutter">flutter</a>
                </li>
                                <li>
                    <a href="/tag/go" target="_blank" title="go">go</a>
                </li>
                                <li>
                    <a href="/tag/golang" target="_blank" title="golang">golang</a>
                </li>
                                <li>
                    <a href="/tag/java" target="_blank" title="java">java</a>
                </li>
                                <li>
                    <a href="/tag/javascript" target="_blank" title="javascript">javascript</a>
                </li>
                                <li>
                    <a href="/tag/lua" target="_blank" title="lua">lua</a>
                </li>
                                <li>
                    <a href="/tag/node.js" target="_blank" title="node.js">node.js</a>
                </li>
                                <li>
                    <a href="/tag/perl" target="_blank" title="perl">perl</a>
                </li>
                                <li>
                    <a href="/tag/php" target="_blank" title="php">php</a>
                </li>
                                <li>
                    <a href="/tag/python" target="_blank" title="python">python</a>
                </li>
                                <li>
                    <a href="/tag/scala" target="_blank" title="scala">scala</a>
                </li>
                                <li>
                    <a href="/tag/typescript" target="_blank" title="typescript">typescript</a>
                </li>
                                <div style="clear: both"></div>
            </ul>
        </div>
    </div>


    <div class="rank">
        <div class="rank_top">RankList | 热门文章</div>
        <div class="rank_box">
            <ul>
                                <li>
                    <b >1</b><a href="https://devbox.cn/p/RuHeYong_swift_T_38f572a0.html" title="如何用swift添加圆形按钮？" target="_blank">如何用swift添加圆形按钮？</a>
                </li>
                                <li>
                    <b >2</b><a href="https://devbox.cn/p/Ax-_JianChaShiFo_826e44a7.html" title="Ax  - 检查是否从数据库中选择了字段" target="_blank">Ax  - 检查是否从数据库中选择了字段</a>
                </li>
                                <li>
                    <b >3</b><a href="https://devbox.cn/p/CuoWuLuJingZhong_083168aa.html" title="错误路径中的webpack错误@ multi main" target="_blank">错误路径中的webpack错误@ multi main</a>
                </li>
                                <li>
                    <b >4</b><a href="https://devbox.cn/p/RuHeJiSuanXingZh_fbf4d49a.html" title="如何计算行中三个元素的每一个可以有300px宽度？" target="_blank">如何计算行中三个元素的每一个可以有300px宽度？</a>
                </li>
                                <li>
                    <b >5</b><a href="https://devbox.cn/p/ShiYongHongWaiJi_be7a3905.html" title="使用红外激光传感器Nexus 6P和5X测量距离" target="_blank">使用红外激光传感器Nexus 6P和5X测量距离</a>
                </li>
                                <li>
                    <b class="black">6</b><a href="https://devbox.cn/p/WoZenYangCaiNeng_6cceeec3.html" title="我怎样才能运行多台Andy机器" target="_blank">我怎样才能运行多台Andy机器</a>
                </li>
                                <li>
                    <b class="black">7</b><a href="https://devbox.cn/p/GuanYu_Java_Ji_-_955190ca.html" title="关于Java集,如何通过其属性删除元素？" target="_blank">关于Java集,如何通过其属性删除元素？</a>
                </li>
                                <li>
                    <b class="black">8</b><a href="https://devbox.cn/p/Android-_RuHeJia_0b24ab83.html" title="Android：如何检测语言已更改手机设置" target="_blank">Android：如何检测语言已更改手机设置</a>
                </li>
                                <li>
                    <b class="black">9</b><a href="https://devbox.cn/p/Java-exe_Zai_And_8eb0e758.html" title="Java.exe在Android Studio中以非零退出值2结束" target="_blank">Java.exe在Android Studio中以非零退出值2结束</a>
                </li>
                                <li>
                    <b class="black">10</b><a href="https://devbox.cn/p/Lisp-family-_Dui_fbfa61c7.html" title="Lisp-family:对符号调用和符号的不同评估作为参数" target="_blank">Lisp-family:对符号调用和符号的不同评估作为参数</a>
                </li>
                                <li>
                    <b class="black">11</b><a href="https://devbox.cn/p/Wreq-_TingZhi_40_0fadda44.html" title="Wreq:停止404s抛出异常" target="_blank">Wreq:停止404s抛出异常</a>
                </li>
                                <li>
                    <b class="black">12</b><a href="https://devbox.cn/p/JiangXinHaoFaSon_3a133422.html" title="将信号发送到其他进程" target="_blank">将信号发送到其他进程</a>
                </li>
                                <li>
                    <b class="black">13</b><a href="https://devbox.cn/p/WooCommerce--woo_2fbf2289.html" title="WooCommerce:[woocommerce_checkout]短代码显示结帐表格,但不显示付款方式" target="_blank">WooCommerce:[woocommerce_checkout]短代码显示结帐表格,但不显示付款方式</a>
                </li>
                                <li>
                    <b class="black">14</b><a href="https://devbox.cn/p/memcmp_LianJieQi_11813148.html" title="memcmp链接器错误Visual Studio 2015" target="_blank">memcmp链接器错误Visual Studio 2015</a>
                </li>
                                <li>
                    <b class="black">15</b><a href="https://devbox.cn/p/VelocityJS-_SuDu_bb2b06fc.html" title="VelocityJS(速度 - 动画)+ WebPack  - 我该如何使用它？" target="_blank">VelocityJS(速度 - 动画)+ WebPack  - 我该如何使用它？</a>
                </li>
                                <li>
                    <b class="black">16</b><a href="https://devbox.cn/p/YouShiMeYiYiDeng_57ad6531.html" title="有什么意义等待DoSomethingAsync" target="_blank">有什么意义等待DoSomethingAsync</a>
                </li>
                                <li>
                    <b class="black">17</b><a href="https://devbox.cn/p/XuYaoYouGuanHong_87534d82.html" title="需要有关宏定义的帮助" target="_blank">需要有关宏定义的帮助</a>
                </li>
                                <li>
                    <b class="black">18</b><a href="https://devbox.cn/p/Clojure_PianYou_d60f6d3a.html" title="Clojure偏右" target="_blank">Clojure偏右</a>
                </li>
                                <li>
                    <b class="black">19</b><a href="https://devbox.cn/p/Jiang_PDF_WenJia_e1cf8643.html" title="将PDF文件/对象插入Microsoft Excel时出现&quot;无法插入对象&quot;错误" target="_blank">将PDF文件/对象插入Microsoft Excel时出现&quot;无法插入对象&quot;错误</a>
                </li>
                                <li>
                    <b class="black">20</b><a href="https://devbox.cn/p/C--linebreak_Gon_bdae189b.html" title="C#@ line break功能与Java相当" target="_blank">C#@ line break功能与Java相当</a>
                </li>
                            </ul>
        </div>
    </div>


</div>    <div style="clear: both;"></div>
</div>

<script type="application/javascript">

    function follow(uid) {

        var myDate = new Date();
        $.get("/user/follow/post?uid="+uid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response=="1"){
                tips('关注成功！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1912"><path d="M984.554971 729.818319L757.2752 1001.934666c-23.431608 29.784785-63.349596 27.462118-91.084969 0l-148.309102-117.727323a34.156864 34.156864 0 0 1 34.156863-59.159688L711.732715 956.392181l224.524451-274.871667a34.156864 34.156864 0 1 1 48.297805 48.297805zM506.791534 592.052303c-6.284863 6.968-12.569726 0-22.771243 0-171.103115 0-386.928951 164.066802-386.928951 358.396584 0 18.740733-15.347817 33.951922-34.316262 33.951922a34.156864 34.156864 0 0 1-34.361805-33.951922c0-160.582801 134.122618-342.616113 323.283329-400.181814C261.271998 499.783228 210.765382 406.011252 210.765382 296.026151 210.765382 133.530566 342.428706 0 506.791534 0s296.026151 133.530566 296.026151 296.026151c0 161.630279-132.892971 294.614334-296.026151 296.026152z m0-523.738576c-126.243768 0-227.712424 102.903244-227.712424 227.712424s101.468656 227.712424 227.712424 227.712424 227.712424-102.903244 227.712424-227.712424S633.035302 68.313727 506.791534 68.313727z" p-id="1913"></path></svg>\n'
                    +"已关注")
            }else if(response=="0"){
                tips('已取消关注！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>\n' +
                    "关注作者")
            }else if(response=="-2"){
                tips("请先登录！")
            }else{
                tips("关注失败！")
            }
        });
        
    }

    function like(sid) {

        var myDate = new Date();
        $.get("/blog/article/like?sid="+sid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response!="-1"){
                $("#like_num").html(response+"赞")
            }else{
                tips("关注失败！")
            }
        });

    }

</script>


<div class="bottom-bar">
    DevBox开发工具箱 | 专业的在线开发工具网站 &nbsp;&nbsp; <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040832" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802040832号</a> &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn/" target="_blank" >京ICP备19059560号-6</a> <BR />
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有 <BR />
</div></body>
</html>