小编Mar*_*iaZ的帖子

我想在wordpress中获取ajax请求的结果,但是我在javascript的警告框中得到'0'的结果,所以表单看起来像这样:

<form class="form" id="ajax-contact-form" action="#">                            
        <input type="text" name="name" id="name"  placeholder="Name" required="">
        <button type="submit" class="btn">Submit</button>
</form>

javascript看起来像这样:

$('#ajax-contact-form').submit(function(e){

    $.ajax({ 
         data: {action: 'contact_form'},
         type: 'post',
         url: ajaxurl,
         success: function(data) {
              alert(data); // This prints '0', I want this to print whatever name the user inputs in the form. 

        }
    });

})

和PHP:

add_action('wp_ajax_contact_form', 'contact_form');
add_action('wp_ajax_nopriv_contact_form', 'contact_form');

function contact_form()
{
echo $_POST['name'];    
}

有谁知道上面的代码是否正确,我也尝试过$ _REQUEST ['name']并且它不起作用.

非常感谢,

我刚刚看了一些其他人开发的项目.

我觉得还可以.

程序员已经创建了一些以下划线开头的文件,例如_variables.scss,我在两个项目中都看到了这些文件.

我不知道为什么,我也搜索了它,我无法找到答案,如果有一个特殊的原因,人们以这种方式命名文件.

谢谢!

我在执行以下代码时遇到一些问题:

    var i = 1;  
$('.hello:not(.selected)').on('click',function(){
    $(this).addClass('selected');       
    console.log(i++);   
});

问题是这个代码应该在选择的类添加后只触发一次,但是它执行了很多次,我只想让i变量不增加.换句话说,我正在尝试执行以下操作(有效,但我不想使用live函数,因为它已弃用):

$('.hello:not(.selected)').live('click', function () { 
   $('.hello').removeClass('selected');
   $(this).addClass('selected');
... 
});

非常感谢您提前回复,k

我想学习angularjs 1.3,但是如果是正确的时间,我在做出决定时会遇到一些问题,因为当版本2发布时,角度会发生巨大变化.

值得花时间和精力去学习我们知道它会改变的框架.

人们可以给我什么建议.

你能否建议任何其他易于学习的框架？

谢谢!

我一直在手风琴中工作,但由于一些奇怪的原因,下面的代码:

<style>
    .collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
    }
    .collapse.in {
    height: auto;
    }
</style>

<div class="accordion">
    <div class="something">
        <a class="" >Accordion Pane 1</a>
    </div>
    <div class="accordion-body collapse">
        <div class="accordion-inner"> content </div>
    </div>
</div>

<script>

$('.something').click(function(event){
    event.preventDefault();
    $(this).next('.accordion-body').toggleClass('in');

})


</script>

http://jsfiddle.net/CvdXK/

似乎不起作用.高度没有动画.我不知道为什么.

首先十分感谢.

我正在使用bootstrap 3,并且我在将URL链接到特定选项卡时遇到一些问题,面板更改但激活的选项卡不会.所以我想要行<a href="#tab2" data-toggle="tab">link</a>,转到tab2,但它只进入tab2的面板,它不会激活选项卡.

这是html:

<div class="tabbable">
 <ul class="nav nav-tabs">
  <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
  <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
 </ul>

 <div class="tab-content">
  <div class="tab-pane active" id="tab1">
     <p><a href="#tab2" data-toggle="tab">link</a>.</p>
  </div>

  <div class="tab-pane" id="tab2">
     <p> I'm in Section 2.</p>
  </div>

 <div class="tab-pane" id="tab3">
   <p>Howdy, I'm in Section 3 </p>
  </div>
 </div>
</div>

您可以在此链接http://bootply.com/90412中进行测试

基于此链接上的示例http://reactjs.cn/react/tips/expose-component-functions.html,我一直在尝试简化代码以更好地理解暴露的方法,所以我得到了以下内容,工作,错误是"Uncaught TypeError:无法读取未定义的属性'animate'",我真的不知道原因:

var Todo = React.createClass({
    render: function() {
        return <div></div>;
    },

    //this component will be accessed by the parent through the `ref` attribute
    animate: function() {
        console.log('Pretend  is animating');
    }
});


var Todos = React.createClass({

    render: function() {
        return (
                <div>
                    <Todo ref='hello' />
                    {this.refs.hello.animate()}
                </div>
        );
    }
});

ReactDOM.render(<Todos />, app);

我试图在两个div之间创建一个边距,当它们都有一个共同的父节点时,所以代码如下:

   <div class="parent">
      <div class="child">hello</div>
      <div class="child">hello</div>
   </div>

和css

 .child{background:#ccc; padding:20px}
 .parent .child + .parent .child{ margin-top:520px; }

你可以在这个链接中看到:http://jsfiddle.net/hjcY7/

而且在链接中有另一个例子,它可以工作,但当div没有父母.

有任何想法吗？

谢谢!

在“下订单”（结帐）挂钩之前或之后是否有 Woocommerce，以便当用户单击“下订单”按钮时我可以执行一个功能。我找不到合适的钩子。

我一直在尝试使用以下内容将域下的所有请求重定向到建设中的文件夹：

 RewriteEngine On
 RewriteCond %{REQUEST_URI} !=/underconstruction/
 RewriteRule ^ /underconstruction/ [R=301] 

但它似乎不起作用。

我试过这个（它有效）：

RewriteEngine On
RewriteCond %{REQUEST_URI} !=/underconstruction/underconstruction.html
RewriteRule ^ /underconstruction/underconstruction.html [R=301]

但是我没有看到它附带的图像和 CSS。

有谁有想法吗？

在 woocommerce 购物车中，当用户按下购物车上的 REMOVE ITEM 按钮时，我试图从购物车中的项目中检索一些帖子元数据。就像是：

$removed_stock = get_post_meta( $product_id, 'more_info_data', 'x' );

为此，我添加了一个操作：

function ss_cart_updated( $item_id ) {

    print "<pre>";
    print_r (WC()->cart->get_cart());
    print "</pre>";
    exit;

};

// add the action
add_action( 'woocommerce_cart_item_removed', 'ss_cart_updated' );

不幸的是，这只列出了购物车中尚未删除的所有产品。尚未删除的项目不再列出。

我尝试了“woocommerce_get_remove_url”和“woocommerce_cart_item_remove_link”，它们似乎对我没有任何作用。

非常感谢！

当用户结帐时，会出现一个按钮，即表单底部的“下订单”按钮。我一直在尝试在 woocommerce 中为这个按钮添加一个钩子，但我似乎没有找到正确的钩子，我试过 woocommerce_checkout_place_order ......但它没有做任何事情。

function my_function() {
  //write function
}

add_action( "woocommerce_order_status_pending", "my_function");

提前致谢！

我在执行以下代码时遇到一些问题.

1. 代码提交但它没有做任何事情,它回到同一个屏幕,似乎表单的值没有被提交.

   <script type="text/javascript">
   $(document).ready(function(){
       $("#signin_form").validate({
             debug: false,
             rules: {
              ///
              },
              messages: {
              ///
              },
             submitHandler: function(form) { 
                 var result;
   
           $.post('test.php', $('#signin_form').serialize(),    function(data){
               result = $.parseJSON(data);
   
               if (result.flag == 'false'){
                   $('#results').show()
               }
           })
           .success(function(data){
               if (result.flag == 'true'){
                   form.submit();
               }
   
           }, 'json');
   
          }
      });
   });
   </script>
   

   Run Code Online (Sandbox Code Playgroud)

2. 如果我将代码改为以下,它可以工作,它需要我到正确的屏幕,但我需要验证,验证码,我不知道它是否是正确的地方,我尝试使用beforeSubmit但然后验证码未经验证.

   <script type="text/javascript">
   $(document).ready(function(){
       $("#signin_form").validate({
             debug: false,
             rules: {
              ///
              },
              messages: {
              ///
              },
             submitHandler: function(form) { 
                 form.submit();
   
   
          }
      });
   });
   </script>
   

   Run Code Online (Sandbox Code Playgroud)

有一些关于$ .post的东西,我不反感...并且没有提交信息.

有谁知道它可能是什么？谢谢!