小编mpl*_*jan的帖子

按钮溢出隐藏不起作用

我有以下内容:

在此输入图像描述

小提琴链接

HTML:

<button>Here's a long chunk of text</button>
Run Code Online (Sandbox Code Playgroud)

CSS:

button {
   width: 80px;
   overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

基本上,我希望按钮不包装文本..

我敢肯定我只是遗漏了一些明显的东西,但我无法弄明白......

html css

3
推荐指数
2
解决办法
6288
查看次数

Angular q所有动态结果

在做某事之前,我需要等待两个承诺才能解决.问题是有时我只能根据客户想要的内容发送一个承诺,我需要依靠来自这个$ q.all的结果.如何动态定义变量?

  var makePurchaseToResolve = [];

    if( CartService.items.draws.length ) {
      var drawOrder = {};
      drawOrder.price = $scope.getTotal();
      drawOrder.paymentMethodId = $scope.payment.paymetMethodId;
      drawOrder.orderItems = CartService.items.draws;
      drawOrder.payFromBalance = false;
      makePurchaseToResolve.push(DrawService.makePurchase(drawOrder));
    }

    if( CartService.items.hunters.length ) {
      var hunterOrder = {};
      hunterOrder.paymentMethodId = $scope.payment.paymetMethodId;
      hunterOrder.orderItems = CartService.items.hunters;
      makePurchaseToResolve.push(HunterService.makePurchase(hunterOrder));      
    }


$q.all(makePurchaseToResolve).then(function( res ) {
     $q.all([HunterService.getPurchase(res[0].data.data),DrawService.getPurchase(res.data.data)]).then(function() {

            //here is the problem, because i dont know if i have the two promises to resolve or only one

            $scope.hunters = res[0].data.data[0];
            $scope.drawOrder = res[1].data.data;          
          })
}
Run Code Online (Sandbox Code Playgroud)

javascript promise angularjs

3
推荐指数
1
解决办法
947
查看次数

如何检测右键+左键单击

我正在建立一个游戏

而我需要做一些事情,当用户点击鼠标右键,保存它,然后按下左键

我怎样才能检测到这种行为?

javascript jquery

3
推荐指数
1
解决办法
6853
查看次数

下载使用MVC5选择的多个文件

我正在 MVC5 中开发一个如下所示的视图:

在此处输入图片说明

我需要选择表的一个或多个记录,并能够在数据库中下载以前保存的文件。我一直在寻找解决方案并进行了多次测试,但我找不到解决方案。我试图从 javascript 将选定的代码发送到控制器并从中下载文档,但我无法做到。下载可能是在您可以的情况下,获取所有文件并生成一个 zip,或者自动将所有文件下载到浏览器的默认文件夹。我将不胜感激任何可以帮助我的人......您好!

这是我的 ajax 调用:

  $.ajax({
            type: "POST",
            url: "/GestionGarantias/Garantias/Download",
            data: { pCodigo: mCodigo },//Here I would send the list of //codes, but now to test, I only call the controller regardless of the value, //because the values in the list set them in the handy controller to test.
            xhrFields: {
                responseType: 'blob'
            },
            success: function (data) { //Here should I bring a zip with all files supposedly?
                var a = document.createElement('a');
                var url = …
Run Code Online (Sandbox Code Playgroud)

javascript c# asp.net-mvc-5

3
推荐指数
2
解决办法
4585
查看次数

从检查的输入中获取标签

我想.text()从选中的输入中获取标签。实际上,我的代码检查是否检查了输入,然后从每个<li>具有相同类的对象(不仅是检查的对象)中获取标签。我该如何实现?我认为我应该使用.parent()或.child()属性,但我不知道如何使用。

我尝试过alert($('#myId input').parent('label').text());但没有成功。

Codepen https://codepen.io/Qasph/pen/LyNJev?editors=1010

$('#result').click(function() {
  // If an input is checked
  if ($('#myId input').is(':checked')) {
    // Get text from label parent
    console.log($('#myId label').text());
  } else {}
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myId">
  <ul>
    <!-- First class -->
    <li class="myFirstClass"><label><input type="checkbox" value="3">1 - First class</label></li>
    <li class="myFirstClass"><label><input type="checkbox" value="6">2 - First class</label></li>
    <!-- Second class -->
    <li class="mySecondClass"><label><input type="checkbox" value="3">1bis - Second class</label></li>
    <li class="mySecondClass"><label><input type="checkbox" value="6">2bis - Second class</label></li>
  </ul>
</div>
<button id="result">Result</button>
Run Code Online (Sandbox Code Playgroud)

jquery

3
推荐指数
1
解决办法
1447
查看次数

使用jQuery删除从此处到此处的所有内容

我有以下HTML,我想删除从第一个"a"到表格的所有内容.由于有一些文本不在容器内,我无法弄清楚如何简单地从一个点到另一个点

$('.MyDiv a').nextUntil('.MyDiv table').remove();
$('.MyDiv a').nextUntil('table').remove();
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="MyDiv">
  <div>div1</div>
  <div>div2</div>
  <div>div3</div>

  <!- Remove all below ->
  <a>a1</a>
  <a>a2</a>
  <a>a3</a>
  <ul><li>ul1</li></ul>
  Text with no wrap more text with no wrap
  <div>div4</div>
  Text with no wrap
  <!- Remove all above ->

  <table><tr><td>table</td></tr></table>
</div>
Run Code Online (Sandbox Code Playgroud)

新的HTML应该是这样的

<div class="MyDiv">
  <div>div1</div>
  <div>div2</div>
  <div>div3</div>
  <table><tr><td>table</td></tr></table>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery

3
推荐指数
1
解决办法
62
查看次数

检查图像尺寸-角度5

我试图找出徽标尺寸,因为不同的客户可以上传不同的徽标。HTML是这样的:

<img [src]="layoutResponseModel?.clientLogo" alt="">
Run Code Online (Sandbox Code Playgroud)

如何在Angular 5中获取此图像的宽度和高度?找到了一些JS示例,但无法正常工作

javascript angular

3
推荐指数
1
解决办法
2491
查看次数

从外部 JavaScript 函数调用 react 组件的函数

我正在尝试从 javascript 函数调用 react 组件的函数。在初始阶段,我想调用在 react 组件中声明的函数,而不是从 react 调用,我需要从 javascript 函数调用它。

我知道如何从 react 函数调用 javascript 函数。像下面

Javascript

<script type="text/javascript">
  function test(){
    alert('Function from index.html');
  }
</script>
Run Code Online (Sandbox Code Playgroud)

反应

componentWillMount() {
  window.test();
}
Run Code Online (Sandbox Code Playgroud)

但就我而言,我想要一个完全相反的过程,由于某些插件初始化需要从 javascript 调用 react 函数。

我浏览了其他相关主题,但没有得到确切答案。那么我该怎么做呢?

javascript reactjs

3
推荐指数
1
解决办法
272
查看次数

有什么方法可以确定时间输入是部分填充还是空白?

我有一个<input type="time">. Chrome 允许用户部分填写输入。例如,用户输入小时但不输入分钟,或者反之亦然。有没有办法使用 JavaScript 来检查该元素是否为空或部分填充?

value只要输入仅部分填充,该属性就是空的。所以那个不行。有没有可以利用的财产?

实际上我对部分输入的值不感兴趣。只是想通过警告没有小时或分钟的时间无效并将被忽略来改善用户体验。

JSBin https://jsbin.com/pikabowoyo/edit?html,js,output

let el = document.querySelector('button');
el.addEventListener('click', function() {
  let input = document.querySelector('input');
  console.log(input.value);
});
Run Code Online (Sandbox Code Playgroud)
<input type="time">
<button>show value</button>
Run Code Online (Sandbox Code Playgroud)

html javascript dom

3
推荐指数
1
解决办法
1641
查看次数

React-router-dom 重定向不起作用 - 显示错误

我的反应应用程序react-router-dom无法工作。它显示错误

类型错误:path_to_regexp__WEBPACK_IMPORTED_MODULE_8___default.a.compile 不是函数

查看图像

未捕获的类型错误:path_to_regexp__WEBPACK_IMPORTED_MODULE_8___default.a.compile 不是函数在反应应用程序中显示错误


我不知道为什么会显示 react-router-dom 的错误问题

检查我的代码

该代码显示错误


import React from 'react'
import DefaultLayout from './Component/Layout/DefaultLayout';
import DefaultLogin from './Component/Login/DefaultLogin';
import DefaultSignup from './Component/Sign-up/DefaultSignup';



// react-router-dom

import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom";


// bootstrap css
import 'bootstrap/dist/css/bootstrap.min.css';

// css for global 
import './App.scss';


export default function App() {
    return (
        <>
            <Router>   

                <Switch> 
                        <Route path="/admin" exact component={DefaultLayout} />
                        <Route path="/admin/signup"  component={DefaultSignup} />
                        <Route path="/admin/login"  component={DefaultLogin} />
                        <Redirect from="/" to="/admin" />
                </Switch> 


            </Router>            
        </>
    ) …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router react-router-v4 react-router-dom

3
推荐指数
1
解决办法
4125
查看次数