3

私はjqueryを使用して、JavaScriptで印刷されたショッピングカートをPDFを作成するPHPスクリプトに送信しています。

私の問題は、カートがスタイルを付けずに送信されるため、次のようになります。http: //u31830.shellit.eu/kauppa/kuitit/kuitti63.pdf

単純にdisplay：noneをいくつかの要素に実行し、いくつかの要素を左側にフロートさせて見栄えを良くしたいと思います。これはAttr（）で実行できることは知っていますが、使用方法がわかりません。

これが私のajax呼び出しです：

$(document).ready(function() {
$(function() {
    $(".submit").click(function() {
      var data = $('#yhteystiedot').serializeArray();
      //styling here?
      data.push( { name: 'cartContent', value: $('#emailedcart').html()}); // Read the cart, and send it to script
      //alert (data);return false;
     $.ajax({
    type: "POST",
    data: data,
    url: "order.php",
    dataType: "html",
    error: function(){ alert("Jotakin meni pahasti pieleen! Yritä uudelleen?");
 },
    success: function() {
 alert("Onnistui");
        }


  });
  return false;

    });
  });        
});

そして、カートはブラウザコンソールで次のようになります。

<div class="simpleCart_items" id="emailedcart">
    <div>
        <div class="headerRow">
            <div class="item-name">Tuote</div>
            <div class="item-quantity">Määrä</div>
            <div class="item-price">Hinta</div>
            <div class="item-total">Yhteensä</div>
            <div class="item-remove"></div>
        </div>
        <div class="itemRow row-0 odd" id="cartItem_SCI-1">
            <div class="item-name">Teipit (Valkoinen hiilikuitu)</div>
            <div class="item-quantity">
                <input type="text" value="1" class="simpleCart_input">
            </div>
            <div class="item-price">48.00€&lt;/div>
            <div class="item-total">48.00€&lt;/div>
            <div class="item-remove"><a href="javascript:;" class="simpleCart_remove">Remove</a>
            </div>
        </div>
    </div>
</div>

PHPスクリプトに送信する前に、次のcssを要素に追加したい

.item-remove{display:none;}
.headerRow div{float:left;}
.itemRow div{float:left;}

しかし、どのように？

4

2 に答える 2

1 
$(document).ready(function() {
  $(function() {
    $(".submit").click(function() {

      //do the CSS here.
      $('.item-remove').css({'display':'none'});
      $('.headerRow div').css({'float':'left'});
      $('.itemRow div').css({'float':'left'});

      var data = $('#yhteystiedot').serializeArray();
      //styling here?
      data.push( { name: 'cartContent', value: $('#emailedcart').html()}); // Read the cart, and send it to script
      //alert (data);return false;
     $.ajax({
    type: "POST",
    data: data,
    url: "order.php",
    dataType: "html",
    error: function(){ alert("Jotakin meni pahasti pieleen! Yritä uudelleen?");
 },
    success: function() {
 alert("Onnistui");
        }


  });
  return false;

    });
  });        
});

クリックした後、AJAXの前にこれらのCSSスタイルを更新したいと思います。右？それ以外の場合は、これらのCSSjquery行を上にスローします$(".submit").click(function() {

于 2012-09-07T16:25:08.293 に答える
0

あなたはそれをするためにajaxのbeforeSendを使うことができます：これが私がそれをする方法です

            $.ajax({
            type: '...',
            url: '...',
            data: {
                ...
            },
            dataType: '...',
            beforeSend: function() {
                $('.item-remove').css('display','none');
                $('.headerRow div').css('float','left');
                $('.itemRow div').css('float','left');
            },
            success: function(result) {
                             ....
于 2012-09-07T16:26:59.893 に答える