小编Jai*_*Jai的帖子

jQuery keydown但在文本框中忽略

我正在调用一个函数(下面),如果用户按下删除按钮,它将执行一个动作.它工作正常,但我只需要在页面上进行,而不是在用户输入时(在输入内或在textarea内).

$(window).keydown(function (evt) {
    if (evt.which == 46) { // delete
        goDoSomething();
    }
});
Run Code Online (Sandbox Code Playgroud)

任何想法how I can amend the abovenot fire,如果用户是in一个input还是textarea

提前致谢,

戴夫

javascript jquery

7
推荐指数
1
解决办法
2020
查看次数

jquery插件如何维护对象的状态

我正在尝试创建一个简单的插件,我面临着如何管理插件状态的问题.

(function ($) {
// Static things for plugin goes here
var uiHtml = "<div class='gaw-box'>" +
      "</div>";



var methods = {


    init: function (options) {

        return this.each(function () {
            // Create UI
            $(this).html(uiHtml);

            if (options) {

                var defaults = {
                    name:"N/A"
                };

                var opt = $.extend(defaults, options);
                  $(this).find(".gaw-name").html(opt.name);
            }

            // Visual Events attach
            var uiobj = $(this).find(".gaw-box");
            $(uiobj).mouseenter(function () {
                if (!this.isSelected) {
                    $(this).css('border', '1px solid red');
                }
            });

            $(uiobj).mouseleave(function () {
                if (!this.isSelected) {
                    $(this).css('border', '1px solid black'); …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins

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

ScrollIntoView 行为平滑在反应中被破坏

我有一个包含多行的表格,每行都有一个按钮,单击其中任何一个按钮时,我希望它滚动到顶部,以及我是如何实现它的,但是滚动不流畅,它直接跳到那个 div 上,我已经使用了多个 npm 库、polyfill(由 chrome 团队在 github 问题上建议)、使用窗口对象、尝试更改chrome://flags(启用平滑滚动)但其中任何一个都不起作用......如果我没有使用它({behavior: "smooth"}),它直接跳上它,当我使用({behavior: "smooth"})它时就像滚动到顶部(例如 1 毫米)一样坏了 100 毫秒,然后像滞后一样停止。

请帮忙!!!

smoothscroll.polyfill();

const top = useRef();
const Component=()=>{
  const scrollToTop = () => {
    top.current.scrollIntoView({
      behavior: "smooth"
    });
  };

  const list=()=> (
    data.map((item)=> {
      return(
        <Row>
          <Column>
            {data.id}
          </Column>
          <Column>
            {data.name}
          </Column>
          <Column>
            {data.section}
          </Column>
          <Column>
            <button onClick={()=>scrollToTop()}>
              manage
            <button>
          </Column>
        </Row>
      );
    });
  )

  return (
    <div ref="top"/>
    {list()}
  );
}
Run Code Online (Sandbox Code Playgroud)

reactjs

5
推荐指数
2
解决办法
4057
查看次数

在jQuery中内联if else语句

我有一个jQuery函数,由两个不同的按钮执行.

$("#btnSearch, #btnDirectorSearch").click(function () {
Run Code Online (Sandbox Code Playgroud)

此函数构建的部分html取决于按下了哪个按钮.我使用数据属性来存储我的变量,如下所示:

var div = $(this).data("str");
Run Code Online (Sandbox Code Playgroud)

我正在构建的html字符串取决于变量"div"的值.有没有办法在jQuery中执行内联if/else语句?

if div = "choice1" {
    html += '<tr data-str = "str1" data-dataItem = "dataItem1" data-result-title = "' + name + '" data-result-id="' + sel + '">';

} else {
    html += '<tr data-str = "str2" data-dataItem = "dataItem2" data-result-title = "' + name + '" data-result-id="' + sel + '">';
}
Run Code Online (Sandbox Code Playgroud)

这似乎很麻烦,我希望有一个更好的jQuery方法来做到这一点.

谢谢!

javascript jquery

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

删除请求ajax jquery不起作用

我正在尝试使用 Ajax 执行 DELETE 请求,但它不起作用,我收到内部错误,但我看不到问题,你能帮助我吗?

这是javascript的部分代码:

$.ajax({
    url: 'http://localhost:8080/actors/remover',
    type: 'DELETE',
    data: JSON.stringify(movie),
    traditional:true,
    dataType: 'json',
    success: function(result) {...},
    error: function(result){...}
});
Run Code Online (Sandbox Code Playgroud)

这是我的控制器的代码:

@RequestMapping(value = "/actors/remover", method = RequestMethod.DELETE)//TODO, elimina un attore dal db
public boolean remove(@PathVariable("movie") int movie) {
    System.out.println("Attori da cancellare");
    serv.deleteActors(movie);
    return true;
}//remove
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery controller delete-record

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

想让我的角度表达作为链接工作

<a href= "" style="color: #666; ">{{postMessage}}</a>
Run Code Online (Sandbox Code Playgroud)

我得到{{postMessage}}角度表达式,这个帖子消息是链接的形式,例如.www.google.com.
如果我不包括href那么它显示为普通文本.如果我这样做,href=""它会把我带到一个空白页面,这很明显.请帮助我解决一下如何使我的angular2表达式在html中作为链接工作的问题.

href typescript ionic-framework ionic2 angular

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

如何仅提交带下拉选择值的表单?

我想提交一个只有一个带有语言值下拉列表的表单,我想提交表单并访问该值,以便我可以在页面上本地化一些文本.

这是我正在使用但无法访问帖子值的代码

HTML格式:

<form action='' method='post'>
<select id="lang">
    <option value="english">Eng</option>
    <option value="arabic">Arabic</option>
</select>
</form>
Run Code Online (Sandbox Code Playgroud)

jQuery提交表单:

 <script type="text/javascript">
    jQuery(function($){
        var lang = $("#lang").val();
        var Home = '????????';

        $("#lang").change(function(){
            cntr = $("#lang option:selected").val();

            if(lang=="arabic"){
                $(".menu ul li a:eq(0)").text(Home);
            }
            $('form').submit();
        });
    });


</script>
Run Code Online (Sandbox Code Playgroud)

php mysql wordpress jquery

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

405(方法不允许)laravel 5 for ajax

在我的网站页面中,我通过搜索过滤器和审核显示了一些供应商详细信息 我正在使用ajax实现审查,工作正常.
但是,当我使用搜索过滤器明智地显示供应商时,我使用不同的URL但在同一页面上显示结果时,审查ajax不起作用.

它显示405(Method Not Allowed)异常

步骤1:为了显示供应商详细信息,我使用了以下网址

Route::get('/packersearch', 'User@getPackers');  
Run Code Online (Sandbox Code Playgroud)

packers.blade.php.此时我的审核ajax工作正常,但当我在搜索过滤器中插入城市名称时,它使用以下网址

Route::post('/moverssearch','User@moverSearch');
Run Code Online (Sandbox Code Playgroud)

哪一个导致相同的结果packers.blade.php.在我尝试使用相同的ajax审查时使用搜索结果后,它显示了MethodNotAllowedHttpException.

为什么我收到此错误.请帮助我

我的阿贾克斯

 $("#rating").click(function(){        
    var rate = $("input[type='radio'].rate:checked").val();        
    var title=$("#title").val();

    var review=$("#review").val();        
    var token=$("#token").val();
    var id=$("#id").val();        

   var dataString ="rate="+rate+"&title="+title+"&review="+review+"&id="+id;  

    $.ajax({                                  

      url: "vendorReview",                 
     type: "POST",
     beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN',    $("#token").attr('content'));}, 
      data:dataString,         

      success:function(res){
        console.log(res);

        if(res)                        
        {
          $('#msg').modal('show');

        }

      }//success

    });//ajax

  });//click function
Run Code Online (Sandbox Code Playgroud)

ajax jquery laravel-5.1

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

jQuery检查电子邮件地址是数组元素中字符串的一部分

我想检查一个电子邮件地址是否等于3个不同数组中任何字符串的子字符串.不幸的是,我写的函数不断给出"无法识别的表达式"错误.

var search = 'info@example.com'
jQuery.each(array1, array2, array3, jQuery(function(index, value) {
  jQuery.each(value, jQuery(function(key, cell) {
    if (jQuery(search).indexOf(cell) !== -1)
      console.log('Found email in ' + index, cell)
  }))
}))
Run Code Online (Sandbox Code Playgroud)

这会引发以下错误:

Uncaught Error: Syntax error, unrecognized expression: info\\@example\\.com
Run Code Online (Sandbox Code Playgroud)

我错过了什么?

javascript jquery

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

maxlegth 在 Angular 6 中不使用模板驱动形式工作

我正在开发一种注册表单,我需要最大长度验证,但使用模板驱动表单无法显示最大长度警报消息。

<input  type="text" class="form-control" placeholder="Enter  Name"maxlength="4" 
        name="name"  [(ngModel)]="name" ngModel required #username="ngModel">
<div *ngIf="username.invalid && (username.dirty || username.touched)">
    <p style="color:red;font-size:10px;" *ngIf='username.invalid.maxlength'>
        You enter only 4 characters.
    </p>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript angular angular6

0
推荐指数
1
解决办法
4053
查看次数