Javascript Can´；找不到要排序/更改的Jquery脚本<；部门>；结构，有什么想法吗？_Javascript_Jquery_Html_Css_Webshop

Javascript Can´；找不到要排序/更改的Jquery脚本<；部门>；结构，有什么想法吗？

javascript jquery html css

Javascript Can´；找不到要排序/更改的Jquery脚本<；部门>；结构，有什么想法吗？,javascript,jquery,html,css,webshop,Javascript,Jquery,Html,Css,Webshop,我有一家网店。有一家公司提供给我。因此，它们留在主机和数据库中。我有一个管理员可以管理这个网店。在那里，我可以通过一些示例更改网站的CSS、HTML和Java脚本我想更改其中一个例外“签出页面结构”，提供我的网店的公司的支持说，我必须用JavaScript更改结构。我是Jquery的用户友好型理论：（这就是现在在终端客户端的情况）：（这是我希望它在终端客户端的外观）：一般来说，这就是公司提供给我的默认HTML签出页面的外观 <html><!-- CHECKOU

我有一家网店。有一家公司提供给我。因此，它们留在主机和数据库中。我有一个管理员可以管理这个网店。在那里，我可以通过一些示例更改网站的CSS、HTML和Java脚本

我想更改其中一个例外“签出页面结构”，提供我的网店的公司的支持说，我必须用JavaScript更改结构。我是Jquery的用户友好型

理论：（这就是现在在终端客户端的情况）：

（这是我希望它在终端客户端的外观）：

一般来说，这就是公司提供给我的默认HTML签出页面的外观

<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<body>

<div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
<div>
  <div>Payment method, Example: Visa, Invoice, SMS</div>
  <div>Freight method, Example: ordinary, UPS saver, UPS express</div>
  <div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
</div>

</body>
</html>


列出购物车上的产品，例如：Art1、Art2、Art3、价格、数量
付款方式，例如：签证、发票、短信
运费方式，示例：普通、UPS节能、UPS快递
客户地址，例如：送货地址、电话号码、联系人

第1步：找到一些JQuery替代脚本，以更改结构

    <html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->


<!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
<script>
script
script
</script>
<!-- END -->


    <body>

    <div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
    <div>
      <div>Payment method, Example: Visa, Invoice, SMS</div>
      <div>Freight method, Example: ordinary, UPS saver, UPS express</div>
      <div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
    </div>

    </body>
    </html>


剧本
剧本
列出购物车上的产品，例如：Art1、Art2、Art3、价格、数量
付款方式，例如：签证、发票、短信
运费方式，示例：普通、UPS节能、UPS快递
客户地址，例如：送货地址、电话号码、联系人

步骤2：配置Jquery脚本以从默认页面断开结构。因此，当我在保存新脚本后刷新页面时，它看起来是这样的

        <html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->


    <!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
    <script>
    script
    script
    </script>
    <!-- END -->


        <body>
          <table>
           <tr>

<td>          <div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div></td>
<td>          <div>Payment method, Example: Visa, Invoice, SMS</div></td>
<td>          <div>Freight method, Example: ordinary, UPS saver, UPS express</div></td>
<td>          <div>Customer address, Example: Delivery adress, Phone number, Contact person</div></td>

          </tr>
          </table>        
        </body>
        </html>


剧本
剧本
列出购物车上的产品，例如：Art1、Art2、Art3、价格、数量
付款方式，例如：签证、发票、短信
运费方式，示例：普通、UPS节能、UPS快递
客户地址，例如：送货地址、电话号码、联系人

有什么想法吗？我找到了一些Jquery排序结构。但看起来并不新鲜，也不简单。我错过了一些简单的新东西？或者我应该使用丑陋的变体

瑞典的问候。

如果这个问题不容易理解，请让我知道

尝试将

float:left

赋予所有主div。

结构更改不是JS/jQuery的任务。要么只是更改页面的CSS以获得不同的布局，要么修改生成html标记的代码（但不应使用表格进行布局），这与jQuery或javaScript无关！你需要重新构造你的html

    <html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->


<!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
<script>
script
script
</script>
<!-- END -->


    <body>

    <div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
    <div>
      <div>Payment method, Example: Visa, Invoice, SMS</div>
      <div>Freight method, Example: ordinary, UPS saver, UPS express</div>
      <div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
    </div>

    </body>
    </html>

        <html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->


    <!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
    <script>
    script
    script
    </script>
    <!-- END -->


        <body>
          <table>
           <tr>

<td>          <div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div></td>
<td>          <div>Payment method, Example: Visa, Invoice, SMS</div></td>
<td>          <div>Freight method, Example: ordinary, UPS saver, UPS express</div></td>
<td>          <div>Customer address, Example: Delivery adress, Phone number, Contact person</div></td>

          </tr>
          </table>        
        </body>
        </html>