我目前正在使用HTML/CSS和jQuery/Basic JS创建一个网页.我正在使用jQuery代码在网站加载时显示GIF图像
$(window).load(function() {
$(".loading").fadeOut(700, function() {
$(".Content").fadeIn(700);
});
});
Run Code Online (Sandbox Code Playgroud)
我有一个带有"Content"类的DIV(以"display:none"开头),我的整个网站都在这个标签内,所有内容都会在执行此功能后出现.
问题是我意识到这个脚本正在与其他JS/jQuery代码产生意想不到的副作用.例如,我使用这个脚本http://pixelcog.github.io/parallax.js/来制作视差效果.错误是:所使用的图像根本没有出现,当我调整浏览器窗口大小时,图像突然出现,一切都开始正常(Google Chrome和Firefox中也是如此).如果我关闭加载脚本,它可以正常工作.
第二个问题:我还在测试Google Maps API脚本(http://www.w3schools.com/googleapi/google_maps_basic.asp),以便在DIV中包含地图并遇到同样的问题.我甚至可以看到DIV间距,但都是空白的,调整浏览器大小(无论哪个方向),它开始工作.
我怀疑我可能以错误的方式做这个装载的东西,但这是我第一次使用它.谁能告诉我什么是错的?
我的代码示例:
检查此链接https://jsfiddle.net/b5woxesg/
说明:
我网站的内容按这样放置,以使其始终位于页面的中心。用width:%和max-width:px表示不拉伸。由于我使用的是jekyll,因此从Markdown文件中调用了此内容。
我想做的是:每当我{% highlight %}在MD文件中调用时,生成的代码块都应该包含在其中,width: 100%而忽略了父对象的宽度限制。我的意思是整个页面的100%。另外,其中的文本应与页面内容保持一致。像这样:
但是高亮div位于带有蓝色边框的内容内。
我相信没有更改当前结构就无法执行此操作,对此我没有任何问题,但是由于我使用的是MD文件,因此可以限制某些更改。
@EDIT:解决方案:
谢谢大家的帮助。
我使用了@MD Ashik技巧,并通过保存.highlight的简单jQuery代码对其进行了改进height(因为我使用height: auto的高度可以是任何数字)。然后,我在div class="space".highlight旁边创建了一个,仅用于填充内容中的空间。所以我将.space div设置为与height.highlight 完全相同
好吧,我有一个 Windows 窗体应用程序,其中包含一个与我的应用程序并行运行的任务 ( System.Thread.Tasks )。在某些时候,此任务必须等待按钮单击(位于主线程中)并从此按钮捕获数据。我有一个代码,令人惊讶的是它工作得很好。但我相信这不是最好的方法,我认为我应该使用事件来实现这一点,但说实话,我刚刚开始学习事件,所以我仍然有点困惑。如果我是对的,请告诉我我能做些什么来让它变得更好。
这是我的代码的示例:
bool BooleanHelper = false;
int ButtonData;
private void MyButton_Click(object sender, EventArgs e) {
BooleanHelper = true;
ButtonData = 5; //example
}
private void MyForm_Shown(object sender, EventArgs e) {
Task t = Task.Run(()=>{
while(!BooleanHelper){} //this can't be a good pratice .__.
// now if the program reaches this line, it means that we can use the ButtonData.
});
}
Run Code Online (Sandbox Code Playgroud)