使用自定义WordPress主题配置particles.js(Configuring particles.js with custom wordpress theme)
我目前正在组合网站上工作,并试图集成一个名为particles.js的非常方便的功能。 它工作正常,很容易集成到一个静态的HTML页面,但问题是我正在开发一个自定义的Wordpress主题,并不断收到错误。 我正在使用指定的CDN为particles.js引入脚本,并将json和应用程序文件保存在本地文件中。 我正在为这个库工作所需的两个js文件使用入队。 我将链接到两个本地文件的代码,我也将链接CDN!
这两个文件的链接在这里: https : //gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1
CDN的链接位于: https : //www.jsdelivr.com/package/npm/particles.js
排队代码如下所示:
function wpb_adding_scripts() { wp_enqueue_script('jquery'); wp_register_script('particles', 'https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js'); wp_enqueue_script('particles'); wp_register_script('app', get_template_directory_uri() . '/js/app.js'); wp_enqueue_script('app'); } add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');
这是我得到的错误:
我已经尝试了很多东西,似乎没有任何工作。 我试图在不同的浏览器上运行它,但它仍然不想工作。 正如我之前所说,它在静态HTML页面上工作正常,但不适用于wordpress ...我真的需要帮助,因为我还没有找到任何关于将此库与Wordpress网站集成的信息,所以任何输入都非常感谢。 谢谢!
I am currently working on a portfolio site and am trying to integrate a really handy feature called particles.js. It works fine and is extremely easy to integrate in a static HTML page but the issue is I am developing a custom Wordpress theme and keep getting errors. I am using the designated CDN to bring in the script for particles.js and I have the json and app file saved locally in my files. I am using enqueue for both of the js files that are necessary for this library to work. I will link to code for the two local files and I will also link the CDN as well!
The link to the two files is here: https://gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1
The link for the CDN is here: https://www.jsdelivr.com/package/npm/particles.js
and the enqueue code goes as follows:
function wpb_adding_scripts() { wp_enqueue_script('jquery'); wp_register_script('particles', 'https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js'); wp_enqueue_script('particles'); wp_register_script('app', get_template_directory_uri() . '/js/app.js'); wp_enqueue_script('app'); } add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');
This is the errors that I am getting:
I have tried multiple things and nothing seems to work. I attempted running it in different browsers but still it just doesn't want to work. As I stated before it works fine on a static HTML page but does not work with wordpress... I really need help with this because I have not found any information on integrating this library with a Wordpress site so any input is highly appreciated. Thanks!
原文:https://stackoverflow.com/questions/48473916
最满意答案
它对我有用:
LBRangeOfUsers.DataSource = GetSource(); LBRangeOfUsers.DataBind(); foreach (ListItem item in LBRangeOfUsers.Items) item.Attributes["title"] = item.Value;
确保绑定后循环运行。
It worked for me like this:
LBRangeOfUsers.DataSource = GetSource(); LBRangeOfUsers.DataBind(); foreach (ListItem item in LBRangeOfUsers.Items) item.Attributes["title"] = item.Value;
make sure the loop runs after the binding.
相关问答
更多-
它对我有用: LBRangeOfUsers.DataSource = GetSource(); LBRangeOfUsers.DataBind(); foreach (ListItem item in LBRangeOfUsers.Items) item.Attributes["title"] = item.Value; 确保绑定后循环运行。 It worked for me like this: LBRangeOfUsers.DataSource = GetSource(); LBRangeO ...
-
以编程方式将ObservableCollection绑定到ListBox(Programmatically bind an ObservableCollection to a ListBox)[2022-03-20]
您发布的代码将失败,因为“MyCollection”不是MainWindow中的属性。 您的Visual Studio输出窗口可能会显示绑定错误。 另外,您确实需要将您对该集合所做的更改进行分派,您可以使用DispatcherTimer来执行此操作。 在输出窗口中也应该有错误。 下面的代码工作: public partial class MainWindow : Window { public ObservableCollectionMyCollection { get; set; ... -
这是一种可能的解决方案。 使用弹出窗口的一些信息定义Item的类: public class Item { public string Info { get; set; } // Menu attached or not public bool OptionsEnabled { get; set; } } 在XAML中,您必须使用适当的ItemTelplate定义ListView (或ListBox ):
如何以编程方式将ListBox.Tooltip绑定到DataTable?(How to Bind ListBox.Tooltip to DataTable programmatically?)[2022-01-30]
ToolTip是一个ContentControl ,而不是ItemsControl 。 这意味着它只能包含单个元素而不包含集合。 要在ToolTip显示多个项目,您需要将一些ItemsControl (例如ListBox )放入TabControl ,然后使用其ItemsSource属性。 ListBox list = new ListBox(); ToolTip tooltip = new ToolTip(); ListBox tooltipList = new ListBox(); list.Tool ...许多方法之一,在页面Resources中定义两个DataTemplate 。 然后,您可以在运行时将ListBox的ItemTemplate设置为这两个中的任何一个: MyListBox.ItemTemplate = (DataTemplate)FindResource("DataTemplate2"); 更新: 因为, FindResource()函数在Windows Phone页面中不可用,并且由OP确认这适用于他,所以使用以下代码而不是上面的代码: MyListBox.ItemTemplate = ...我认为这将涉及两个步骤: 在listBox模板中找到scrollViewer控件 在该scrollViewer中执行实际滚动 对于第一步实施,请看这里 。 这是从那里提取的代码片段: this.Loaded += MainWindow_Loaded; void MainWindow_Loaded(object sender, RoutedEventArgs e) { var scrollViewer = listbox.Template.FindName("Scroller", listbox); ...与您使用任何其他对象的方式非常相似。 在表单的类中添加一个 private ListBox myAwesomeListBox; 然后在按钮事件处理程序中添加如下内容: myAwesomeListBox = new ListBox(); myAwesomeListBox.SuspendLayout(); // set all the properties that you want myAwesomeListBox.Name = "myAwesomeListBox"; myAwesomeListBox.L ...正如GenericTypeTea所说,听起来很可能与丢失焦点有关。 然而,另一个问题是您的代码过于复杂,并且不会让您转到顶部的项目。 我建议将其更改为: 提升 if (listBox_Copy.SelectedIndex > 0) { listBox_Copy.SelectedIndex = listBox_Copy.SelectedIndex - 1; } 向下移动 if (listBox_Copy.SelectedIndex < listBox_Copy.Items.Count - 1) ...我刚读完这个论坛后就解决了这个问题 。 答案说每个回发都会丢失title属性 。 不知道为什么会丢失。 所以我说 foreach (ListItem item in listbox.Items) { item.Attributes["title"] = item.Text; } 在if(!isPostBack) ,它解决了我的问题。 I solved the issue just now after reading this forum. The answer says that title a ...以编程方式清空列表框(Emptying a listbox programmatically)[2023-03-13]
以下代码应该正常工作。 唯一可能有问题的事情 private void addImages_Click(object sender, RoutedEventArgs e) { ImageList.Items.Clear(); RefreshList(); FileInfo Images; string[] filenames = null; System.Windows.Forms.FolderBrowserDialog folderDlg = new Syste ...相关文章
更多- Hadoop0.20+ custom MultipleOutputFormat
- My W3C Custom Mapping File
- wordpress自定义后台用户联系方式 添加qq、微博、微信
- LeetCode:Word Break(DP)
- 《WordPress 3.5 基础教程》(WordPress 3.5 Essential Training)[光盘镜像]
- 《wordpress插件使用视频教程》(wordpress plugin tutorials)更新至第13集(在wordpress中把管理界面扁平化)[HDTV]
- 《WordPress 3.5 基础教程》(WordPress 3.5 Essential Training)高清完整版[光盘镜像]
- 《WordPress 3.5 基础教程》(WordPress 3.5 Essential Training)高清完整版[光盘镜像]
- wordpress wp_mail
- solr 使用自定义的 QueryParser
最新问答
更多- h2元素推动其他h2和div。(h2 element pushing other h2 and div down. two divs, two headers, and they're wrapped within a parent div)
- 创建一个功能(Create a function)
- 我投了份简历,是电脑编程方面的学徒,面试时说要培训三个月,前面
- PDO语句不显示获取的结果(PDOstatement not displaying fetched results)
- Qt冻结循环的原因?(Qt freezing cause of the loop?)
- TableView重复youtube-api结果(TableView Repeating youtube-api result)
- 如何使用自由职业者帐户登录我的php网站?(How can I login into my php website using freelancer account? [closed])
- SQL Server 2014版本支持的最大数据库数(Maximum number of databases supported by SQL Server 2014 editions)
- 我如何获得DynamicJasper 3.1.2(或更高版本)的Maven仓库?(How do I get the maven repository for DynamicJasper 3.1.2 (or higher)?)
- 以编程方式创建UITableView(Creating a UITableView Programmatically)
- 如何打破按钮上的生命周期循环(How to break do-while loop on button)
- C#使用EF访问MVC上的部分类的自定义属性(C# access custom attributes of a partial class on MVC with EF)
- 如何获得facebook app的publish_stream权限?(How to get publish_stream permissions for facebook app?)
- 如何防止调用冗余函数的postgres视图(how to prevent postgres views calling redundant functions)
- Sql Server在欧洲获取当前日期时间(Sql Server get current date time in Europe)
- 设置kotlin扩展名(Setting a kotlin extension)
- 如何并排放置两个元件?(How to position two elements side by side?)
- 如何在vim中启用python3?(How to enable python3 in vim?)
- 在MySQL和/或多列中使用多个表用于Rails应用程序(Using multiple tables in MySQL and/or multiple columns for a Rails application)
- 如何隐藏谷歌地图上的登录按钮?(How to hide the Sign in button from Google maps?)
- Mysql左连接旋转90°表(Mysql Left join rotate 90° table)
- dedecms如何安装?
- 在哪儿学计算机最好?
- 学php哪个的书 最好,本人菜鸟
- 触摸时不要突出显示表格视图行(Do not highlight table view row when touched)
- 如何覆盖错误堆栈getter(How to override Error stack getter)
- 带有ImageMagick和许多图像的GIF动画(GIF animation with ImageMagick and many images)
- USSD INTERFACE - > java web应用程序通信(USSD INTERFACE -> java web app communication)
- 电脑高中毕业学习去哪里培训
- 正则表达式验证SMTP响应(Regex to validate SMTP Responses)