小编me9*_*867的帖子

我们有一个自定义的jQuery菜单,它在我们的OpenCart商店中运行良好.但是,不会显示第二级子类别,更改或原始菜单上的PHP不正确.任何具有2个或更多深度的类别都不会显示.

所以我们在http://ocart.site/opencart/index.php?route=product/category&path=25_29_59上有一个2深类别

但是你看到它不会显示在http://ocart.site/opencart的主菜单中

如果我在原始默认菜单的默认部分中添加,它实际上会使菜单中断.您可以在http://ocart.site/defaultmenutoJQ.html上查看旧菜单和新菜单的比较

有什么东西阻碍了显示器的负载,有什么想法可能是什么？

这是JSFiddle的所有相关代码https://jsfiddle.net/mtq5khz0/

  <?php if ($categories) { ?>
  <div id="cssmenu">
    <ul>
      <?php foreach ($categories as $category) { ?>
      <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php for ($i = 0; $i < count($category['children']);) { ?>
          <ul>
            <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
            <?php for (; $i < $j; $i++) { ?>
            <?php if (isset($category['children'][$i])) { ?>
            <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
            <?php } …

我希望创建一个6页的Ionic 2应用程序,我不确定是否为各个类别页面使用管道或过滤器以及我需要执行此操作的代码.

每个类别页面都可以加载"applecat"类别定义的相关产品.以下是API,通过Google表格以电子表格格式显示产品以及非常快速的主页样机构思:

https://sheetsu.com/apis/v1.0/04c2d2906a10 https://docs.google.com/spreadsheets/d/1RNLXsxTFymqRwq_S538qX1p1PAEDIEA6s5sV8etkfLU/edit?usp=sharing

概述

6页

• home - 无需加载产品 - 只需链接到页面
• allproducts -loads所有产品
• ipad - 在applecat类别下加载列为ipad的所有项目
• iphone - 在applecat类别下加载列为iphone的所有项目
• 键盘 - 在applecat类别下加载列为iphone的所有项目
• 笔记本电脑 - 在applecat类别下加载列为iphone的所有项目

情景(潜在的用户流程)

用户打开应用程序,点击Home然后Ipad类别链接(加载所有Ipad产品)然后回到Home决定点击All(加载所有产品),后面点击另一页....

问题

它会将2个阵列加载到内存/控制台吗？类别页面是否应使用过滤器或管道？代码应如何查找与现有API调用和产品列表数组相关的管道/过滤器？

PROVIDERS

getRemoteData(): any{
        return this.http.get('https://sheetsu.com/apis/v1.0/04c2d2906a10')
                .map(res => res.json());
}

列表页面

@Component({
selector: 'page-master',
templateUrl: 'master.html',
providers: [Sheetsu]
})
export class MasterPage {

// declare publicly accessible variable
public sheetsuData: any;

constructor(public navCtrl: NavController, public navParams: NavParams, public sheetsuService: Sheetsu) {}

ionViewDidLoad() {
    this.sheetsuService.getRemoteData()
    .subscribe(response => {
    // assign variable (async) …

试图获得3级下拉工作.在Opencart中,我一直在使用第三方repsonsive菜单,效果很好.在这里展示并提供http://cssmenumaker.com/menu/responsive-flat-menu

但是,Opencart不支持3级别类别,因此需要插件https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=19296

第3级别类别已加载但未显示.任何人都可以帮助获得thrid类别和两个系统合并并显示超过1000px甚至加载+符号？

以下是Plunkr的下拉菜单https://plnkr.co/edit/hZG4pbVCXQupf2kgqoKF?p=preview

<div id="cssmenu"><div id="menu-button">Menu</div>
    <ul>
        <li class="has-sub"><span class="submenu-button"></span><a href="extractor-fans">Extractor Fans</a>
            <ul style="">
                <li><a class="arrow" href="/bathroom-extractor-fans">Bathroom Shower</a>
                    <div class="has-sub"><span class="submenu-button"></span>
                        <ul>
                            <li><a href="bathroom-vids">Designer Videos</a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="ceiling-bathroom"> Bathroom Cabinets</a></li>
            </ul>
        </li>
    </ul>
</div>

我在我的网站托管和Bitbucket的帐户上都有git设置,它们都是链接的.

我怎样才能恢复到我的托管(我通过SSH登录并安装了git并且已经准备就绪)和Bitbucket上的第一次提交？

我试过了: git checkout 965a793

然后我尝试了最后一个点: git checkout .

但是当我得到git推动时,Bitbucket方面似乎没有任何改变.它说一切都是最新的,即使Bitbucket正在提交cf08232

这是我的三个提交列表:

cf08232 remove the txt file
096d08f test.txt edited online with Bitbucket
965a793 Initial Commit

建立在一些优秀的标准Ionic 2掠夺者的基础上http://plnkr.co/edit/ZsoPeE?p=preview和 http://plnkr.co/edit/WBeRRJyYucLwvckjh5W7?p=preview

你能帮我调整我的Master/Detail Plunker吗？我以为我已经把所有部件都放在了一边,但因为它产生了白色屏幕而丢失了一些东西.

这是我对Master/Detail插件的尝试 http://plnkr.co/edit/7NHIYMA3TUdd5nOkoXyF?p=preview

import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';

import { AppComponent } from './app.component';
import { HomePage } from '../pages/home/home';
import { MasterPage } from '../pages/master/master';
import { DetailPage } from '../pages/detail/detail';

import { Sheetsu } from '../providers/sheetsu';

@NgModule({
  imports: [ IonicModule.forRoot(AppComponent) ],
  declarations: [ AppComponent, HomePage, MasterPage, DetailPage],
  entryComponents: [ HomePage, MasterPage, DetailPage ],
  bootstrap: [ IonicApp ],
  providers: [ Sheetsu ]
})
export class …

我正在努力让2个背景图像彼此同步缩小,所以我的座位计划将适用于手机/平板电脑.

我已经尝试了背景封面,包含,100%并将其他div值设置为100%,但是保持这些座位就位没有乐趣.

因此,不仅650px以下的座位图需要缩小背景图像,而且座位图像也需要缩小 - 他们需要保持在座位平面上的位置.包含的div当前设置为15px以显示座位图像.

这是我正在使用的原始静态宽度代码 https://jsfiddle.net/kjyopdL8/

座位尺寸应为15px,直到座位图低于650px,然后座位图像与主要座位图图像同步缩小,同时保持相同的位置和比例

#theatre {
  width: 650px;
  float: left;
  padding-right: 5px;
  margin: 25px 15px 0 10px;
}

.container {
  width: 100%;
  margin: 0 auto;
}

#bmessage {
  padding: 1px 3px;
  height: 20px;
  font-size: 14px;
  background: #ddf;
  color: #080;
  font-weight: bold;
}
#seats:before {
  content: url('http://i.imgur.com/qn56yss.gif');
}

#seats {
  margin: 10px 0;
  padding: 10px 0;
  position: relative;
}

#seats div {
  position: absolute;
  width:15px;
  height:15px;
}

#seats .s1.std.grey {
  background: url('https://s3.postimg.org/g9dq32nqr/1_1_2.png') no-repeat center top;
}

<div …

我希望显示每个窗口小部件类别的概述,以便在选择该窗口小部件类别时显示在筛选结果上方.

我假设这将需要一个ng-show指令,所以也许需要一些控制器代码.但任何关于将选择下拉列表与我的ng-repeat连接并与ng-show链接的指针都会很棒.

这是我的目标:

之前

后

    <ion-view title="Select Box Filter" id="page6" class=" ">
            <ion-content padding="true" class="has-header">
                <ion-list id="tListSelectFilter-list11" class=" ">
                    <label class="item item-select " id="tListSelectFilter-select1">
                        <span class="input-label">Select</span>
                        <select></select>
                    </label>
                    <ion-item id="tListSelectFilter-list-item25" class="  ">Widget Range 1</ion-item>
                    <ion-item id="tListSelectFilter-list-item26" class="  ">Widget Range 2</ion-item>
                    <ion-item id="tListSelectFilter-list-item27" class="  ">Widget Range 3</ion-item>
                </ion-list>
                <ion-item ng-repeat="product in products | filter:select" class="item-thumbnail-left item-text-wrap"
                  href="#/tab/list/{{product.item}}">
                    <h2>Product Name: {{product.name}}</h2>
                    <h3>Quantity: {{product.quantity}}</h3>
                    <h2>Price: £{{product.price}}</h2>
                  </ion-item>
            </ion-content>
        </ion-view>


        <!--Widget Range 1 Overview Text - Here is an example of the overview text …

我现在正在将外部JSON URL中的数据正确地提取到母版页,但我的详细信息页似乎没有传递从http.get接收的对象initallt.该应用程序的主要部分可以在CODEPEN的代码笔中查看

<label class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" ng-model="query" placeholder="Search Slugname">
<button class="button button-dark" ng-click="getOrders()">Submit</button>
</label>

如果我的用户想手动更改日期(order.date)值以说"10/8/16".如何访问/编辑从外部API返回的任何JSON值？

我最终希望在我的应用程序中编辑返回的JSON数据,然后将修改后的数据发布回PHP API服务器.

我试图在Ionic 2应用程序中显示Youtube视频,并从JSON数据源中提取URL.

在详细信息页面上的构造函数中设置Youtube网址时,可以显示单个视频,但我需要详细信息页面才能显示JSON Feed中每个视频的视频.

以下是单个Youtube视频如何在详细信息中显示在Ionic 2中.ts和detail.html:

1

import {SafeResourceUrl, DomSanitizer} from '@angular/platform-browser';

2

videoUrl: SafeResourceUrl;

constructor(private domSanitizer: DomSanitizer, public navCtrl: NavController) {
this.videoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl('https://www.youtube.com/embed/DuwXCFyo4-w')
}

3

<iframe width="100%" height="315" [src]="data.youtube" frameborder="0" allowfullscreen></iframe>

ios调整

<allow-navigation href="https://*youtube.com/*"/>

我需要的是一些代码调整细节.允许任何 Youtube网址？

以下是详细信息页面上的 Plunker中显示的Youtube http://plnkr.co/edit/Ar2whVFCmBAbE7fxA3nf?p=preview

我见过的一个解决方案如下,但似乎无法使其正常工作:

transform(videoId: string): SafeResourceUrl {
return this.domSanitizer.bypassSecurityTrustResourceUrl(
https://www.youtube.com/embed/${videoId});
}

我有一个小问题,我需要修复Ionic 2中一个非常基本的演示Android应用程序.

在主页上播放Youtube视频时,如果按电源按钮或手机进入睡眠/锁定模式,Youtube视频将继续播放.此问题导致Google拒绝Play商店中的应用,因为他们不允许在Youtube嵌入上发生这种情况.

所以我需要添加一些代码来暂停视频,如果状态改变,并在它再次唤醒时恢复.

我需要添加的功能似乎被称为onPause和onResume,但我不确定如何以及在何处添加代码以使此功能与此自定义Youtube代码一起使用.

以下是repo中的文件,以及APK(仅3mb)只是在空白离子2安装中对主页进行更改,您可以在其中查看操作中的问题.

Github的Github Repo
APK

在此示例中，我从一组Google表格（4Cat）中获取了一组数据，这些数据又馈入了我正在运行Google脚本的另一张表格（ImportFeeder）中。

在下面的脚本结尾处，如何插入过滤器脚本以按行K排序数据？（仅显示iPad产品）

function myFunction() {
var sss = SpreadsheetApp.openById('1kL96dRm3Z8XBtMXnSzUARxR1b34-njlkZQ1sU0c3g1s'); //replace with source ID
var ss = sss.getSheetByName('4cat'); //replace with source Sheet tab name
var range = ss.getRange('A:I'); //assign the range you want to copy
var data = range.getValues();

var tss = SpreadsheetApp.openById('1u7547KaniKHLUJn2v-ezN4l8ZcxE4viCFcoxsA904MI'); //replace with destination ID
var ts = tss.getSheetByName('Sheet1'); //replace with destination Sheet tab name
ts.getRange(ts.getLastRow()+1, 1, data.length, data[0].length).setValues(data);

var range = ts.getRange(ts.getLastRow()+1, 1, data.length, data[0].length)
var rawData = range.getValues()     // get value from spreadsheet 2
var data = …

我们的HTML移动应用程序中有一些视频播放效果很好。但是，我们的视频没有声音，只有字幕，因此我们需要删除音量滑块和静音按钮，但要保留计时器栏。

可以使用HTML或CSS进行切换吗？还是需要一些JavaScript来做到这一点？

目前，我们html标记中的设置仅为：controls =“ controls”

是否可以仅将左侧的半个 div 着色而另一侧为绿色？我想在这个图形中的第 19 个日期执行此操作

td.specialDate:first-of-type {
   background-image: linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%);
   background-image: -webkit-linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%);
}