小编XYZ*_*XYZ的帖子

如何为div内的span元素添加摇动动画

 <div id="about-desc">
    <p>
 Lorem ipsum dolor sit <span class="animation">amet</span>, consectetur adipisicing elit. <span class="animation"> Officia reprehenderit</span>, <span class="animation"> sit eligendi</span> deserunt, blanditiis quas porro omnis provident quidem voluptate! Fugit ipsa mollitia, atque commodi asperiores, rerum dicta ratione aut.
    </p>
 </div>

$(document).ready(function () { 
  $(".animation").addClass("animated shake");
});
Run Code Online (Sandbox Code Playgroud)

我无法弄清楚我到底错在哪里。当我向 div 元素添加动画时,它工作正常,但 span 元素没有发生这种情况?有人可以解释如何解决这个问题

html javascript css

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

用css截断文本

我在文本截断方面遇到了这个问题。当我尝试缩小窗口的大小时,它不会截断。带有 LONG TEXT 的字段会缩小,直到按钮遇到其中的最后一个字母,并且不会进一步截断。没有三点的东西只是停在字段内的最后一个字母上。有点像这样——在此处输入图片说明

我在 html 布局中有这样的东西:

在所有其他

.Label:not(textarea){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    display: table-cell;
}
Run Code Online (Sandbox Code Playgroud)
<div class="input-group">
    <input type="hidden" id="field_19" value="123">
    <input type="hidden" id="field_18" value="456">
    <span class="Label" title="Some Text">SOME LONG LONG LONG LONG TEXT</span>
    <span class="input-group-btn ev-input-group input-group">
        <button type="button" class="edit_button" data-reditcontroller="some url">btn
            <i class="f-edit"></i>
        </button>
    </span>
</div>

    
Run Code Online (Sandbox Code Playgroud)

html css

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

如何在为 html 和 angular 中的属性赋值之前设置条件?

<div #dataContainer class="infills richtextbox {{field.groupid}}"
                    contentEditable="true" 
                    *ngIf="field.fieldtype=='text'"
                    id="{{field.id}}" 
                    name="{{field.id}}" 
                    [ngStyle]="{'position':'absolute','top':field.y+'px','left':field.x+'px','font-size': field.fontsize,'font-family':field.fontfamily,'width':field.width+'px','height':field.height+'px','border':'1px solid #FFF','background':'#EEE','overflow':'hidden' }"
                    title="{{field.description}}"
                    [(ngModel)]="field.value" 
                    (keypress)="_keyPress($event,field.pattern)"
                    (dblclick)="openFullRTE(field.id)" 
                    (focusout)="field.htmlContent=dataContainer.innerHTML;">
</div>
Run Code Online (Sandbox Code Playgroud)

在这里,我想看看field.description是否具有值“desc”,如果是,则将值分配为空给title属性,否则它可以包含 field.description 中的值。我怎样才能做到这一点?可以使用三元运算符吗?

html angular2-forms angular2-template angular

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

iOS书签图标

我已经能够进行设置,以便在将网站添加到iOS主屏幕时显示正确的图标。它还显示在任何Web浏览器中。但是,当我使用iOS Safari时,请转到该站点,将其书签到书签列表中,图标将显示C。我希望我们的图标显示为与 www.apple.com
www.sunsetwx.com一样, 这是我们正在使用的网站: www.cbcexeter.org

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=kPgOnJYLYR">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=kPgOnJYLYR">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=kPgOnJYLYR">
<link rel="manifest" href="/manifest.json?v=kPgOnJYLYR">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=kPgOnJYLYR" color="#bd4c4c">
<link rel="shortcut icon" type="image/png" href="/favicon.png?v=kFginJYoYs">
<meta name="theme-color" content="#ffffff">
Run Code Online (Sandbox Code Playgroud)

我已经尝试过.ico,但是它没有用。

提前致谢。

html ios

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

HTML表单中的自动完成属性不起作用

我想在我的html表单中有一个更新选项,在该表单中,用户输入First_name,然后所有字段都应使用mysql表中的相应值自动填充。我尝试在几个字段中使用自动完成属性,但该属性无法正常工作。请检查代码,并让我知道是否存在任何错误。或通过其他任何方式来实现此要求。

 
    <form method="post" action="demo1.php" autocomplete="on">

    <link rel="stylesheet" href="contact_css.css">
    <!--Create a table -->

    <table>
    <tr><td><b>Contact Information</b></td>
     </tr>
    <tr>
    <div class="leftside">
      <td>ContactID</td>
	  <td><input type="text" name="ContactID" autocomplete="ContactID"></td>
    </div>
	<div class="rightside">
	  <td>ContactOwner</td>
	<!--  <td><input type="text" name="ContactOwner"></td>-->
	    <td><select name="ContactOwner">
     <option value="None">None</option>
     <option value="Malik">Malik</option>
     <option value="Manish">Manish</option>
     <option value="Ankit">Ankit</option>
     <option value="Vikrant">Vikrant</option>
     </select></td>
	  </div>
	   <tr>
	<div class="rightside">
	  <td>LeadSource</td>
	  <td><select name="LeadSource">
     <option value="None">None</option>
     <option value="Advertisement">Advertisement</option>
     <option value="ColdCall">ColdCall</option>
     <option value="EmployeeReferral">EmployeeReferral</option>
     <option value="ExternalReferral">ExternalReferral</option>
     <option value="OnlineStore">OnlineStore</option>
     <option value="Partner">Partner</option>
     <option value="Web">Web</option>
     <option value="TradeShow">TradeShow</option>
    </select></td>
	  <!--<td><input type="text" name="LeadSource"></td>-->
	</div>
      
    <div class="leftside">
	  <td><label for="First_name">First_name</td>
	  <td><input …
Run Code Online (Sandbox Code Playgroud)

html php

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

如何在每个类中找到href属性?

我正在尝试创建一个应用程序,而它通过一个网页运行并找到一个href属性,但是现在我想找到href属性,并提醒我链接.

我是JQuery的新手,但我试图通过Fiddle运行以下内容,但我似乎无法让它运行:

   $('soundTitle__tag sc-tag sc-tag-small').on("click", function() {
      var self = $(this);
      var link = self.find("a").attr('href');
      alert(link);
    })
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="link-redirect">
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">1</a>
      </div>
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">2</a>
      </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery attributes

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