小编lan*_*ane的帖子

我需要一些帮助.正如您将在我的小提琴中看到的那样,我试图使用按钮来填充单个容器div,其中包含来自多个隐藏div的内容,具体取决于单击的按钮.我遇到的问题是,我不知道如何访问隐藏div中的实际内容来填充容器div.截至目前,我正在使用隐藏div的id属性来演示我想在容器中显示哪个div内容.

我已经看过其他一些链接<a>属性引用隐藏内容的帖子,但到目前为止还没有使用带有点击功能的按钮元素来更改div内容.

非常感谢您的帮助.我相信你能理解......它让我夜不能寐.哈!

    jQuery(function ($) {
      $('#button1').click(function () {
        $('#info').empty();
        $('#info').prepend('#option1');
      });

      $('#button2').click(function () {
        $('#info').empty();
        $('#info').prepend('#option2');
      });
      
      $('#button3').click(function () {
        $('#info').empty();
        $('#info').prepend('#option3');
      });
    });
   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="button-panel">
		<ul id="button-column" style="list-style: none;">
			<li class="buttons"><button id="button1">Button 1</button></li>
			<li class="buttons"><button id="button2">Button 2</button></li>
			<li class="buttons"><button id="button3">Button 3</button></li>
		</ul>
	</div>

	<div id="info-div">
		<div id="info"></div>
	</div>

	<div id="hiddenDivs" style="display:none;">
		<div class="info" id="option1">Box</div>
		<div class="info" id="option2">Google Drive</div>
		<div class="info" id="option3">Box</div>
	</div>

这是我的小提琴

当我安装一个模块时，文件中会phantomChildren出现一个列表package.json。什么是phantomChildren？

我正在尝试使用简单的点击功能构建一个应用程序。我将处理程序添加到 users.html 页面中的按钮，应用程序会一直运行，直到我到达可以单击两个已处理按钮中的任何一个的页面。当我点击按钮时，我收到下面提到的错误，它不是一个函数。

我在 users.ts 文件中定义了 onLoadUser() 函数。类被导出。

技术

• 离子 3
• 角2

错误

目录结构

用户.html

<ion-header>

  <ion-navbar>
    <ion-title>The Users</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>
  <button ion-button (click)="onLoadUser('Max')">User 'Max'</button>
  <hr>
  <button ion-button (click)="onLoadUser('Anna')">User 'Anna'</button>
</ion-content>

<ion-footer padding>
  <p>The Footer</p>
</ion-footer>

用户.ts

import { Component } from '@angular/core';

import { NavController } from "ionic-angular";

import { UserPage } from "./user/user";

@Component({
  selector: 'page-users',
  templateUrl: 'users.html'
})

export class UsersPage {
  constructor (private navCtrl: NavController) {}

  onLoadUser(name: string) {
    this.navCtrl.push(UserPage, {userName: name});
  }
} …

我想从字典中删除包含特定字符串的值，并因此删除任何具有空列表作为值的键。

mydict = {
    'Getting links from: https://www.foo.com/': 
    [
        '+---OK--- http://www.this.com/',
        '+---OK--- http://www.is.com/',
        '+-BROKEN- http://www.broken.com/',
        '+---OK--- http://www.set.com/',
        '+---OK--- http://www.one.com/'
    ],
    'Getting links from: https://www.bar.com/': 
    [
        '+---OK--- http://www.this.com/',
        '+---OK--- http://www.is.com/',
        '+-BROKEN- http://www.broken.com/'
    ],
    'Getting links from: https://www.boo.com/':
    [
        '+---OK--- http://www.this.com/',
        '+---OK--- http://www.is.com/'
    ]
}

val = "is"

for k, v in mydict.iteritems():
   if v.contains(val):
     del mydict[v]

我想要的结果是：

{
    'Getting links from: https://www.foo.com/':
    [
        '+-BROKEN- http://www.broken.com/',
        '+---OK--- http://www.set.com/',
        '+---OK--- http://www.one.com/'
    ], 
    'Getting links from: https://www.bar.com/': 
    [
        '+-BROKEN- http://www.broken.com/'
    ]
}

如何删除所有包含字符串的字典值，然后删除所有没有值的键？

在我的文件中，themeConfig.js我声明了一些主题变量，我在整个应用程序中使用这些变量来设置各种组件的样式。我需要使用滚动条-webkit来保留某些组件的滚动条。这些-webkit样式又长又大，所以我希望能够将它们添加到我的themeConfig.js文件中。这些滚动条样式是伪元素，虽然我可以分配它们，但我无法弄清楚如何在themeConfig.js.

主题配置.js

const myTheme = createMuiTheme({
  layout: {
    header: 64,
    sideNav: 45,
    mainDivHeight: 250,
    ...
  }
})

export default myTheme

ComponentExample.js

import { makeStyles } from '@material-ui/core'

const ComponentExample = () => {
  const classes = useStyles()

  return (
    <div className={classes.mainDiv}>I'm a div</div>
  )
}

const useStyles = makeStyles(theme => ({
  mainDiv: {
    height: theme.layout.mainDivHeight,
    overflowY: 'scroll',
    '&::-webkit-scrollbar': {
      width: 8,
    },
    '&::-webkit-scrollbar-track': {
      boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)', …