如何在加载页面时运行jquery函数?

时间:2017-01-06 04:28:40

标签: javascript jquery

我正在尝试创建一个html页面,该页面使用jquery在页面加载时填充表格。我有获取数据的功能,但目前用于测试我只是将它附加到我点击的按钮以使表格显示。

如何在加载页面时运行jquery函数?如果不是很明显我说Jquery是一个完全的初学者,所以这可能是非常明显的,但我一直试图谷歌它,我找不到解决方案。

3 个答案:

答案 0 :(得分:2)

这应该可以解决问题

jQuery(document).ready(myFunction);

function myFunction(){
    // logic goes here
}

答案 1 :(得分:1)

jQuery

但是,您可以在 <DockPanel Grid.Row="1" DataContext="{Binding Parameters}"> <ListBox DockPanel.Dock="Left" MinWidth="250" ItemsSource="{Binding}" IsSynchronizedWithCurrentItem="True" SelectedItem="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}, Path=DataContext.SelectedParameter}" Margin="0,0,15,0" HorizontalAlignment="Left"> <ListBox.ItemTemplate> <DataTemplate> <StackPanel Orientation="Horizontal"> <Image Source="{Binding Path=Icon}" Stretch="None" /> <TextBlock Text="{Binding Position}" Margin="10,0,0,0" /> <TextBlock Text="{Binding Name}" Margin="10,0,0,0" /> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> </ListBox> <ContentControl Content="{Binding}"> <ContentControl.Resources> <DataTemplate DataType="x:Type local:ParameterDisplayLineInput"> <controls:EditInputParameter /> </DataTemplate> <DataTemplate DataType="x:Type local:ParameterDisplayLineOutput"> <controls:EditOutputParameter /> </DataTemplate> <DataTemplate DataType="x:Type local:ParameterDisplayLineLogic"> <controls:EditLogicParameter /> </DataTemplate> <DataTemplate DataType="x:Type local:ParameterDisplayLineTable"> <controls:EditTableParameter /> </DataTemplate> <DataTemplate DataType="x:Type local:ParameterDisplayLineTimer"> <controls:EditTimerParameter /> </DataTemplate> <DataTemplate DataType="x:Type local:ParameterDisplayLineNetworkList"> <controls:EditNetworkListParameter /> </DataTemplate> </ContentControl.Resources> </ContentControl> </DockPanel> 标记内的任何位置编写代码,它将在包含ListView文件后直接执行。但是,可能没有上面那么有效,因为那时dom可能会也可能不会产生。所以,最好采用上述方式..因为它只会在加载页面并创建DOM时执行。

答案 2 :(得分:0)

你在找这样的东西吗?你可以在普通的JS中做到这一点。

document.addEventListener('DOMContentLoaded', function() {
  console.log('document loaded');
});

但请注意,这并不能涵盖其他依赖文件加载,例如js和png等。它们异步加载。这只是为你提供dom内容加载