小编Stu*_*art的帖子

Bootstrap v2下拉导航无法在移动浏览器上运行

我在移动设备(Bootstrap 2)上的Bootstrap菜单下拉列表出现问题.这里有一个类似的问题,带有下拉按钮,但是答案就是引导程序中的一个固有错误,它在更新中得到了解决.我似乎有同样的问题所以也许这取决于我的标记?

我有一个带有下拉菜单的可折叠导航栏,一切都在桌面浏览器上完美运行.但是,在移动设备上,当您点击下拉列表时,下拉菜单会打开,但点击任何下拉链接只会再次折叠下拉菜单 - 无法访问链接.我尝试了各种bootstrap版本,无法纠正这个问题,所以我只能想象它是我的标记.这里是:

 <header class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <a href="#"><h1>Branding</h1></a>
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> Menu </button>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li><a href="#">Menu Item 1</a></li>
                    <li class="dropdown">                    
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Item 2 (Dropdown)<b class="caret"></b></a>      
                        <ul class="dropdown-menu">
                            <li><a href="#">Dropdown Item 1</a></li>
                            <li><a href="#">Dropdown Item 2</a></li>
                            <li><a href="#">Dropdown Item 3</a></li>  
                            <li><a href="#">Dropdown Item 4</a></li>                           
                        </ul>
                    </li>
                    <li><a href="#">Menu Item 3</a></li>
                    <li><a href="#">Menu Item 4</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</header>
Run Code Online (Sandbox Code Playgroud)

这是一个复制代码的例子(抱歉,无法发送网站):http://jsfiddle.net/yDjw8/1/ …

html javascript css responsive-design twitter-bootstrap-2

30
推荐指数
3
解决办法
6万
查看次数

如何为YouTube视频添加启动画面/占位符图像

我有一个包含大量嵌入式YouTube视频的网站; 目前这些都是同时加载的,这当然会导致网站在最初加载时运行得非常慢.

将图像作为占位符/启动画面而不是视频iframe加载的最佳方法是什么?

只有在点击时才需要用YouTube iframe替换图片(这应该仅在请求时加载),从而大大减少了网站的文件大小.我之前发现了一些类似的问题,但他们似乎建议使用CSS和jQuery来改变视频的可见性.这在此实例中不起作用,因为视频播放器仍将在后台加载.

我感谢任何帮助/建议.

html javascript css youtube jquery

24
推荐指数
1
解决办法
2万
查看次数

Woocommerce 3 中专门用于创建订单的挂钩

我需要检测何时成功创建新的 WooCommerce 订单并将其设置为 \xe2\x80\x98processing\xe2\x80\x99\xe2\x80\x94 这是为了添加一些额外的功能等。这可以在前端执行,如下所示当通过 WooCommercewoocommerce_thankyou或挂钩创建订单时,it\xe2\x80\x99s 很容易挂钩woocommerce_order_status_processing

\n\n

我遇到的问题是,我也希望在通过网站后端手动创建新订单时可以使用此功能。我在手动添加订单时使用一些自定义字段,这些字段用于在创建时操作订单。不幸的是,虽然它woocommerce_order_status_processing确实适用于管理订单,但它似乎在保存订单元之前触发\xe2\x80\x94,因此当我尝试检索任何元数据时它是空的。

\n\n

为了解决这个问题,我尝试了 WooCommerce 钩子上的建议,用于从管理员创建订单,或者在这个GitHub线程上尝试使用 WordPress 钩子wp_insert_postsave_post_shop_order( save_post_{$post->post_type})。这可以解决我的订单元问题,因为它似乎在保存订单元后触发。

\n\n

但是\xe2\x80\x94每当有更新或新帖子时它就会触发,所以我需要找到一种方法来检测它 \xe2\x80\x99 是否是新帖子。这些钩子上有一个$update参数,旨在显示\xe2\x80\x98这是否是正在更新的现有帖子\xe2\x80\x99,但由于某种原因,即使它是一个,它似乎总是设置为true新帖子/订单。

\n\n

总结一下:

\n\n
    \n
  • 我需要一个在通过后端创建订单/帖子元后触发的 WordPress/WooCommerce 挂钩,以及仅在新创建订单且未更新订单时运行此挂钩的某种方式。
  • \n
\n\n

我能想到的唯一可能做到这一点的其他方法是根据检查发布日期与修改日期的建议,但我只是认为必须有更好的方法来做到这一点!

\n\n

Here\xe2\x80\x99s 我当前的代码以防万一

\n\n
function my_order_created ( $post_id, $post, $update ) {\n\n    // Don\xe2\x80\x99t run if $post_id doesn\xe2\x80\x99t exist OR post type …
Run Code Online (Sandbox Code Playgroud)

php wordpress orders woocommerce hook-woocommerce

6
推荐指数
2
解决办法
2万
查看次数