Question

我正在调用一些基本的HTML和jQuery，一旦页面加载到我的squarespace网站上，就会被添加到元素中。但是在我调整浏览器窗口大小之前没有任何内容我已经搜遍了类似的问题并且找不到多少。有人建议我在页面加载时触发“调整大小”，但这似乎不起作用

以下是我正在使用的代码

<script> $(window).load(function() { $("<div id='container1'> <img src='http://www.kantoliving.com/wp-content/uploads/2016/06/PMX700-Profile.jpg' /> <img src='http://www.kantoliving.com/wp-content/uploads/2016/06/PMX700-Extends.jpg' /> </div>").prependTo( ".site-page" );}); </script>

<script>$(window).load(function(){
  $("#container1").twentytwenty();
});</script>

以下是我正在测试此页面的网址：http://www.bernardodesigns.com/embed-test

Answer 1

我认为问题在于，在您有机会加载之前，您在添加twentytwenty插件之后立即添加ready插件。看来这个插件要求你等到图像加载后才能附加插件。

执行文档load的前置应该可以解决问题。这样做会导致$(function() { $('...').prependTo('.site-page'); }); $(window).load(function() { $('#container1').twentytwenty(); });事件等待新图像完成加载。

$(function() { ... })

（$(document).on('ready', function() { ... })是 <fieldType name="long_field" class="solr.TrieLongField"/> <fieldType name="timestamp_field" class="solr.TrieDateField"/> <fieldType name="string_field" class="solr.StrField"/> <fieldType name="text_field" class="solr.TextField"/> <field name="tweet_id" type="long_field" indexed="false" stored="false"/> <field name="unixtime" type="string_field" indexed="false" stored="false"/> <field name="timestamp" type="timestamp_field" indexed="false" stored="true"/> <field name="lang" type="string_field" indexed="false" stored="true"/> <field name="user" type="text_field" indexed="false" stored="true"/> <field name="timezone" type="text_field" indexed="false" stored="true"/> <field name="tweet_text" type="text_field" indexed="false" stored="true"/> 的快捷方式。）

prependTo内容只有在我在Chrome中调整浏览器窗口大小后才会显示

1 个答案: