小编Gau*_*wal的帖子

AngularJs $ http.post()不发送数据

谁能告诉我为什么以下声明不会将发布数据发送到指定的网址?当我打印$ _POST时,在服务器上调用url - 我得到一个空数组.如果我在将数据添加到数据之前在控制台中打印消息 - 它会显示正确的内容.

$http.post('request-url',  { 'message' : message });
Run Code Online (Sandbox Code Playgroud)

我也尝试将数据作为字符串(具有相同的结果):

$http.post('request-url',  "message=" + message);
Run Code Online (Sandbox Code Playgroud)

当我以下列格式使用它时它似乎正在工作:

$http({
    method: 'POST',
    url: 'request-url',
    data: "message=" + message,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
});
Run Code Online (Sandbox Code Playgroud)

但有没有办法用$ http.post()来做 - 并且我总是必须包含标题才能使它工作?我相信上面的内容类型是指定发送数据的格式,但我可以将其作为javascript对象发送吗?

post angularjs angular-http

333
推荐指数
16
解决办法
69万
查看次数

JavaScript:RegExp构造函数与RegEx文字

我正在研究RegExp,但到处都可以看到两种语法

new RegExp("[abc]")
Run Code Online (Sandbox Code Playgroud)

/[abc]/
Run Code Online (Sandbox Code Playgroud)

如果使用修饰符那么使用额外的斜杠(\)

/\[abc]/g
Run Code Online (Sandbox Code Playgroud)

我对这两个没有任何错误,但我想知道这两个有什么区别.如果是,那么它是什么,最好使用哪个?

我提到了Javascript regexp文字和构造函数之间的差异,但在那里我没有找到解释哪个是最好的,哪个是有区别的.

javascript regex

22
推荐指数
2
解决办法
9148
查看次数

使用JavaScript更改CSS类时转义正斜杠("/")

我需要使用JavaScript添加一些基于某些条件的CSS类,但是在我的字符串包含正斜杠(/)的情况下遇到问题.这就是我的用例

<div id="div_product-size-icon-121NM/L" class="disabled"></div>
<script>
var newProductCode = '121NM/L';
 if(  newProductCode.contains('/') ){
       newProductCode = newProductCode.replace('/','/\//');
       $('#'+'div_product-size-icon-'+newProductCode).addClass('active');
    }
</script>
Run Code Online (Sandbox Code Playgroud)

我甚至尝试过 newProductCode.replace('/','/\');但在运行代码时,我遇到了以下错误

JavaScript错误:SyntaxError:未终止的字符串文字

我不能随产品代码更改HTML; 我的选择是在JS中改变它.

这是一个有效的js示例:JS代码

html javascript jquery

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

从特定的 td 到下一行断行

我有一个表,其中<td>是动态的,有些表<td>会带有特定的类,行应该在该类上中断,而其他的<td>应该从下一行开始。

由于<td>是动态的,我无法创建另一个<tr>我想用 css 打破它。

我在 stackoverflow 上看到了其他示例,但它们显示将所有内容中断<td>到下一行,但我想从特定内容<td>和所有其他内容<td>中继续<td>

td.break {
  display:block;
}
Run Code Online (Sandbox Code Playgroud)
<table>
  <tr>
    <td>hdv</td>
    <td>hdv</td>
    <td class="break">hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td class="break">hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
    <td>hdv</td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我尝试使用,display:block但如果在单个<td>.

html css

10
推荐指数
1
解决办法
2万
查看次数

我们可以在 og:image 元标记中使用 webp 扩展图像吗?

在我的网站中,我已将所有图像从jpg或转换png为,webp但在此之后我的 og:image 元标记无法获取图像。在 facebook 调试器中,我看到以下错误

提供的 'og:image' 属性尚不可用,因为新图像是异步处理的。为确保新 URL 的共享包含图像,请使用“og:image:width”和“og:image:height”标签指定尺寸。

经过一番搜索后,我发现这个错误是在页面获取期间第一次出现的,当时 facebook 有时无法第一次获取图像尺寸,但在我的情况下,这个错误一直是不变的。是不是因为 facebook 可能无法获取图像详细信息,因为我使用了webp扩展程序。

javascript meta-tags webp facebook-debugger

8
推荐指数
2
解决办法
3197
查看次数

如何使用jquery更改元素的位置

我有html的东西如下:

<div class="field-group">
<label for="customfield_10102">select list</label>
<select class="select" name="customfield_10102" id="customfield_10102">
  <option value="-1">None</option>
 </select>
</div>
<div class="field-group">
<label for="customfield_10103">select list1</label>
<select class="select" name="customfield_10103" id="customfield_10103">
    <option value="-1">None</option>
 </select>
</div>
Run Code Online (Sandbox Code Playgroud)

根据配置的任意数量的选项.查询:

  1. 更改<select class="select" name="customfield_10103" id="customfield_10103">要追加的位置<select class="select" name="customfield_10102" id="customfield_10102">(40 px边距),还必须更改两个选择列表的宽度.

  2. 之后,删除 <div class="field-group"><label for="customfield_10103">select list1</label></div>

任何人都可以建议我,我如何使用JQUERY实现这一目标?

注意:仅供参考,我需要在JIRA自定义字段中进行此类自定义,这可以使用jquery实现.

另一个相关查询:

以下是HTML内容:

<li id="rowForcustomfield_10102" class="item">
    <div class="wrap">
        <strong title="select list" class="name">select list:</strong>
        <div id="customfield_10102-val" class="value type-select editable-field     inactive"
            data-fieldtype="select" title="Click to edit">
            final2 <span class="overlay-icon icon icon-edit-sml" />
        </div>
    </div>
 </li>
 <li id="rowForcustomfield_10103" …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

6
推荐指数
1
解决办法
4万
查看次数

Java 8功能接口分配上下文

问题是关于功能界面的分配背景 -

Predicate<String> p = String::isEmpty;
Run Code Online (Sandbox Code Playgroud)

isEmpty在String类中的方法声明为 - 的情况下工作正常public boolean isEmpty(){}.

如果我尝试在自定义类中声明相同 -

class Test{
   public boolean isEmpty(){
       ...
   }
}
Run Code Online (Sandbox Code Playgroud)

做同样的任务 -

Predicate<String> p = Test::isEmpty;
Run Code Online (Sandbox Code Playgroud)

这将是编译错误 -

Test类型没有定义适用于此的isEmpty(String)

并且Predicate<T>表示一个参数的谓词(布尔值函数)和函数方法boolean test(T t){}.

任何解释?我错过了什么吗?

java java-8

6
推荐指数
1
解决办法
4515
查看次数

使用命令清除控制台

像这样我的控制台目前有很多线

在此输入图像描述

是否有任何javascript或jquery命令,我可以清除控制台.

我不想用鼠标点击清除按钮.只需要代码命令.

javascript console jquery command

6
推荐指数
1
解决办法
3509
查看次数

bxslider指令抛出错误`Uncaught TypeError:无法读取未定义`的属性'indexOf'

我在我的应用程序中使用angularjs,我已经为bxslider创建了一个指令.以下是指令代码:

angular.module('sbAdminApp')
.directive('bxSlider', function(){
    return{
        restrict: "A",
        require: "ngModel",
        link: function(scope, element, attrs, ctrl){
            element.ready(function(){
                $($(element[0])).bxSlider({
                    maxSlides:1,
                    auto:true,
                    controls:false,
                    pager:true
                });
            })
        }
    }
})
Run Code Online (Sandbox Code Playgroud)

上面我$($(element[0])).bxSlider({在准备好功能之后使用这样的东西,因为我搜索了一个问题,其中bxslider应该与ng-repeat一起使用并找到这个解决方案,之后bxslider正在工作但有时图像没有加载,我总能看到这个错误.

未捕获的TypeError:无法读取未定义的属性'indexOf'

html jquery bxslider angularjs

6
推荐指数
1
解决办法
5109
查看次数

导航栏右侧不在列表中工作

我是引导程序的新手,在我的应用程序中,我希望navbar在页面顶部有一个。本navbar应包含品牌名称,然后到它的右侧,应该有一些选择。但是每当我使用navbar-right它时它都不起作用,我得到的页面看起来像这样

如您所见,所有内容都与左侧的品牌名称一起被压扁。我试图解决这个问题的是使用pull-rightwhich 可以完美地工作,但我想知道为什么navbar-right不是。

主页模板.html

<body>
<nav class="navbar navbar-default">
    <div class="navbar-inner">
       <div class="container-fluid"> 
           <div class="navbar-header">
               <a href="#" class="navbar-brand">MyApp</a>
           </div> 
           <ul class="nav navbar-nav navbar-right">
               <li><a href="#">Profile</a></li>
               <li><a href="#">Notifications</a></li>
               <li><a href="#">Messages</a></li>
               <li><a href="#">Options</a></li>
           </ul>
       </div>
   </div>
</nav>
</body>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

5
推荐指数
1
解决办法
1万
查看次数