Tag: wordpress theming

jQuery滑块左右按钮，firefox不起作用

我做了这个wordpress主题，水平显示循环：http： //zarifnyc.com/category/news/ var curx = $(‘#blog’).css(”); if(curx = 25000) {hide(‘#rightbutton’)} else {show(‘#rightbutton’)} $(function() { $(‘#rightbutton’).click(function() { $(‘#blogbox’).animate({“left” : ‘-=1070px’}); return false; }); $(‘#leftbutton’).click(function() { $(‘#blogbox’).animate({“left” : ‘+=1070px’}); return false; }); }); …它一直工作，直到我尝试添加一个“if”语句来隐藏第一个post上的左键，然后右键（或使用无限滚动）。 ‘刚刚开始学习jQuery，所以任何帮助都会受到赞赏，谢谢！

WordPress儿童主题包括包含文件

我正在使用AMPPS作为本地主机在本地计算机上进行WordPress设置。 使用Delta主题我创建了一个子主题（delta2-child）。 初始设置很有效。 但是，我需要更改名为home-slider.php的includes文件夹中的文件。 原始文件的位置： c:\Program Files (x86)\Ampps\www\armstrong\wp-content\themes\delta\includes\home-slider.php 子主题文件的位置： c:\Program Files (x86)\Ampps\www\armstrong\wp-content\themes\delta2-child\includes\home-slider.php 如果我将home-slider文件移动到Child Theme文件夹[delta2-child \ includes \ home-slider.php]，主题仍然使用Parent Themes主滑块文件。 如果我将以下内容添加到CT的functions.php文件中： require_once( get_stylesheet_directory_uri() . “/includes/home-slider.php” ); */ 我收到以下错误： Warning: require_once(C:\Program Files (x86)\Ampps\www\armstrong/wp-content/themes/delta/includes/home-slider.php) [function.require-once]: failed to open stream: No such file or directory in C:\Program Files (x86)\Ampps\www\armstrong\wp-content\themes\delta2-child\header.php on line 87 Fatal error: require_once() [function.require]: Failed opening required […]

jQuery和其他库包含哪些顺序？

我有一个使用MooTools和jQuery的Wordpress主题。 我使用jQuery noConflict来避免与其他JS库的冲突; 这对我没有帮助。 有人可以帮助我在我的Wordpress主题上包含JS库的正确顺序吗？ 提前致谢。

在WordPress主题选项页面中排队jquery-ui元素

嗯，我知道这是一个常见问题，但几乎所有人都喜欢’2或3年前’。 由于Wordpress最近有一些严重的核心变化，认为最好能得到更新的答案。 我想要做的是将此jquery滑块添加到我的wordpress自定义管理页面。 在今天的Wordpress中， jquery-ui是否已经建成？ 或者我确实需要使用wp_enqueue_script包含它，或者我应该使用一些外部URL CDN？ 由于我正在使用Wordpress 4.2，您能告诉我添加此function的正确方法吗？ 谢谢！

同位素动态添加getSortData

我正在尝试在我的wordpress主题上使用isotope.js。 我会以这种方式对对象进行排序，其中“Series，Music，Cultura，Sport”是由自定义分类法生成的“filter”。 var $container = $j(‘.containerport’); $container.isotope({ stamp: ‘.stamp’, itemSelector: ‘.thumbportfolio’, getSortData : { Series : function( $elem ) { var isSeries = $j($elem).hasClass(‘Series’); return (!isSeries?’ ‘:”); }, Musica : function( $elem ) { var isMusica = $j($elem).hasClass(‘Musica’); return (!isMusica?’ ‘:”); }, Cultura : function( $elem ) { var isCultura = $j($elem).hasClass(‘Cultura’); return (!isCultura?’ ‘:”); […]

在jquery.js加载到WordPress站点后加载javascript代码

我在WordPress网站的主页上有一个自定义的基于jquery的滑块。 我在我的主题的functions.php文件中使用下面的代码加载jQuery（jquery.js）和滑块js（jquery.advanced-slider.js）。 function my_load_scripts() { if (!is_admin()) { wp_enqueue_script(“jquery”); if (is_home()) { wp_enqueue_script(‘theme-advanced-slider’, get_template_directory_uri().’/js/jquery.advanced-slider.js’, array(‘jquery’)); wp_enqueue_script(‘theme-innerfade’, get_template_directory_uri().’/js/innerfade.js’, array(‘jquery’)); } } } add_action（’wp_enqueue_scripts’，’my_load_scripts’）; 现在我把下面的代码放在我的header.php文件BEFORE wp_head（）; var $j = jQuery.noConflict(); $j(document).ready(function () { //Slider init JS $j(“.advanced-slider”).advancedSlider({ width: 614, height: 297, delay: 1000, pauseRollOver: true }); }); 这里显而易见的是我的jquery.js和jquery.advanced-slider.js在上面的JavaScript代码之后加载，因此我的滑块不起作用。 如果我把它放在wp_head（）之后调用 ，滑块就可以了。 但是，如果我把它放在wp_head（）之后就不会是黑客攻击吗？ 我希望我的代码干净。 正如二十四岁的主题清楚地说的那样 /* Always have wp_head() […]

如何在hover时更改父的样式

我有一个WordPress站点（在我的localhost上），它使用 作为自定义菜单。 只有在具有 子菜单的情况下，如何在hover时更改 的CSS？ 所有主菜单项都有border-radius，我想在当前项目（下面的Services）上删除它，例如： Home Services Item One Item Two Contact 我找不到CSS解决方案，我也尝试过jQuery： $(‘ul.sub-menu’).parent().hover(function(){ $(this).addClass(‘no-radius’); });

将jquery和自定义脚本添加到WordPress主题

通过谷歌进行一些搜索，我偶然发现了相同的代码，将jQuery添加到一个从头开始的Wordpress主题。 if (!is_admin()) add_action(“wp_enqueue_scripts”, “my_jquery_enqueue”, 11); function my_jquery_enqueue() { wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, “http” . ($_SERVER[‘SERVER_PORT’] == 443 ? “s” : “”) . “://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”, false, null); wp_enqueue_script(‘jquery’); wp_enqueue_script(‘my_script’, get_bloginfo(‘template_url’) . ‘/js/theme.js’, array(‘jquery’), ‘1.0’, true); } 我已将此代码添加到我的functions.php文件中，并创建了一个js文件夹，并使用以下语法创建了一个theme.js文件： jQuery(function ($) { /* You can safely use $ in this code block to reference jQuery */ }); 当我刷新我的WP站点时，似乎没有调用theme.js文件。 在Chrome Dev工具中，它没有列在正在呈现的js文件中。 […]

WordPress 3.5媒体上传器多文件选择

我正在使用自定义设置页面构建WordPress主题。 某些设置要求用户上传/添加一组图像（超过1个）。 媒体上传器的默认行为是上传和/或选择单个图像并将其插入post中。 我已经按照这个关于利用媒体上传器的优秀指南 ，它建议我应该能够将多个设置为true，但它仍然只允许上传或选择单个文件。 这是我的代码： 加载所需的脚本，因为这是一个自定义设置页面： if(function_exists( ‘wp_enqueue_media’ )){ wp_enqueue_media(); }else{ wp_enqueue_style(‘thickbox’); wp_enqueue_script(‘media-upload’); wp_enqueue_script(‘thickbox’); } Javascript / jQuery用于显示媒体上传器并处理所选图像： var tgm_media_frame; $(‘.upload-images’).click(function() { if ( tgm_media_frame ) { tgm_media_frame.open(); return; } tgm_media_frame = wp.media.frames.tgm_media_frame = wp.media({ multiple: true, library: { type: ‘image’ }, }); tgm_media_frame.on(‘select’, function(){ var selection = tgm_media_frame.state().get(‘selection’); selection.map( function( attachment ) { […]

jQuery无法在WordPress 3.5中运行

所以我似乎有一个旧的Wordpress主题的问题。 我只是将我的一个主题从黑暗中带出来作为我的投资组合的一部分，并立即意识到我的jQuery侧边栏已完全停止工作，我不知道为什么。 现在请注意，在WordPress实现他们自己的“自定义”侧边栏实现之前，我写了一些侧边栏代码（所以我非常不确定这是否与此有关但是非常怀疑它。我认为我是在Wordpress 3.1的时候开发的） 。 故障的具体代码位于此处 $(document).ready(function() { $(“.button-slide”).click(function() { $(“#slide-panel”).slideToggle(“slow”); }); }); 我知道jQuery版本已经过时了，但即使在更新之后我仍然没有成功。 有没有人知道我做错了什么。 如果需要，我很乐意提供更多代码。 以上所有内容都位于我主题中的header.php文件中。 这是实施的一部分 Join Us On Facebook! Menu Playstation 3 Xbox 360 Wii Film Music Art Coding Misc 和一些CSS #navigation-block { position:relative; /*top:100px; left:100px;*/ } #hide { position:absolute; top:30px; left:-190px; } ul#sliding-navigation { list-style: none; /*font-size: .75em;*/ font-size: 1em; /*margin: […]