小编Ray*_*ack的帖子

Jquery改变进度条aria-valuenow和css width属性

我的页面(Bootstrap)上有一个进度条,如下所示:

<div id="theprogressbar" class="progress-bar progress-bar-u" 
     role="progressbar" aria-valuenow="75%" aria-valuemin="0" 
     aria-valuemax="100" style="width: 75%">
Run Code Online (Sandbox Code Playgroud)

我想通过jQuery更新它,我已经完成了大部分工作并计算了我需要投入的新值,但我不确定如何定位aria-valuenow和style="width: "值.

假设我的jQuery给了我新值+%作为变量调用 newprogress

$('#theprogressbar'). *(please help me finish this line)* (newprogress)
Run Code Online (Sandbox Code Playgroud)

jquery progress-bar

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

chrome中的@ font-face uncaught语法错误

通过一些关于类似问题的其他线程,但他们的解决方案不起作用.我已成功使用下面的代码为我们的网站添加一个基于全面的bootstrap模板的字体.我现在开始在一个新站点上工作,这次只从一个基本的bootstrap模板开始,并尝试通过相同的方法添加字体.

@font-face {
   font-family: 'myfontname';
   src: url('font/myfontname-Regular.svg'); 
   src: url('font/myfontname-Regular.eot'); 
   src: url('font/myfontname-Regular.eot?#iefix') format('embedded-opentype'), 
   url('font/myfontname-Regular.woff2') format('woff2'), 
   url('font/myfontname-Regular.woff') format('woff'), 
   url('font/myfontname-Regular.ttf')  format('truetype') 
}

@font-face {
  font-family: 'myfontname';
  font-weight: bold;
  src: url('font/myfontname-Bold.svg'); 
   src: url('font/myfontname-Bold.eot'); 
   src: url('font/myfontname-Bold.eot?#iefix') format('embedded-opentype'), 
   url('font/myfontname-Bold.woff2') format('woff2'), 
   url('font/myfontname-Bold.woff') format('woff'),
   url('font/myfontname-Bold.ttf')  format('truetype') 
}

.myfontnameBOLD{
  font-family: myfontname; 
  font-weight: bold;
  text-transform: uppercase;
}

.myfontnameREG{
  font-family: myfontname; 
}
Run Code Online (Sandbox Code Playgroud)

文件都以与上一个相同的方式存储(我的css文件夹中的Font文件夹).但是这次我收到以下错误

uncaught syntaxError:无效或意外的令牌

在Chrome中,调试突出显示第一行,其中显示"@ font-face"我通过Linter运行它并没有问题,但即使IE发出错误并突出显示@ font-face并说它缺少分号.任何人都能看到可能出错的地方?谢谢

html css font-face

6
推荐指数
2
解决办法
3275
查看次数

summernote图片上传和替代不工作

我使用我的网站上summernote编辑器,并使用他们的网站上提到的Click2edit方法已经实现它在这里.

但是,如果按原样使用图像上载会导致各种问题.我的理解是这是使用一种叫做base64的东西.我尝试使用来自另一个stackoverflow答案[here]的代码将更直接的文件上传到服务器.(Summernote图片上传)然而它似乎没有做任何事情,图像仍然插入原始方法.如果你能帮我解决如何正确实现这一点.

在错误方面,我的网站有几个选项卡,其中一个选项卡包含click2edit summernote编辑器,当我尝试使用图像上传并保存时,图片不显示,它将标签组合为1页(可能一些特殊的角色在哪里引起问题?).其次,作为文本数据类型的sql列在sql management studio中查看时没有显示内容且内容可编辑,给出了某种保存错误.我最终需要将所有条目一起删除才能恢复正常.

我的代码:

实施夏令时:

<div class="click2edit">click2edit</div>

var edit = function() {
 $('.click2edit').summernote({focus: true});
};
var save = function() {
  var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML:     array).
  $('.click2edit').destroy();
};
Run Code Online (Sandbox Code Playgroud)

我正在使用的文件上传:

$(document).ready(function() {
    $('#summernote').summernote({
        height: 200,
        onImageUpload: function(files, editor, welEditable) {
            sendFile(files[0], editor, welEditable);
        }
    });

    function sendFile(file, editor, welEditable) {
        data = new FormData();
        data.append("file", file);
        $.ajax({
            data: data,
            type: "POST",
            url: "form_summernote_doc_upload_post.php",
            cache: false,
            contentType: false,
            processData: false,
            success: …
Run Code Online (Sandbox Code Playgroud)

php jquery summernote

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

在window.load之后添加Class到由.load添加的html元素无法正常工作

我正在使用导航菜单加载标题

jQuery(document).ready(function() {
    $('#header').load("header.html");
});
Run Code Online (Sandbox Code Playgroud)

在这段代码之后我有以下内容

$(window).load(function() {
   $('#about').addClass('active');
});
Run Code Online (Sandbox Code Playgroud)

从我理解的一切,之后的window.load运行document.ready,但它仍然没有应用任何东西.有帮助吗?jquery addClass似乎是正确的,因为在浏览器中加载页面后输入控制台,它可以工作.

这是我设置标题模板并加载它的方式有问题吗?

以前我使用php和一些node.js,所以重用代码很简单,但我需要使用纯html/js,因此标题模板.

谢谢

html jquery

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

标签 统计

jquery ×3

html ×2

css ×1

font-face ×1

php ×1

progress-bar ×1

summernote ×1