小编Bod*_*rov的帖子

根据JSON数据将元素追加到div

我有一个本地JSON文件,其中包含“课程类别”和“标题”。每个类别都有许多标题,每个标题对应一个类别。

我创建了三个单独的div:“热门课程”,“新添加的课程”,最后是“热门课程”,并且这些div由类别填充。单击类别将打开一个模态,该模式将再次显示类别名称和正确的类别描述。它应该显示与该类别关联的所有标题,例如,单击类别“动物”应显示“龙猫”,““”,“跳蚤”等。

我要这样做,以便单击类别显示与该类别关联的标题。我在模式中看到标题-但是,我只看到每个类别中的一个标题。根据标题的顺序,我认为它们来自“所有课程”类别。我不能肯定地说是这样,但是当我单击不在 “全部”下的类别时,我看到的是同一件事。

JS代码段:

var testjson = {
  "d": {
    "results": [{
      "Title": "Aardvark",
      "Category": "Animals",
      "Description": "a-desc",
      "TopTrainingCourse": false,
      "ID": 1,
      "Modified": "2019-03-05T20:13:46Z",
      "Created": "2019-03-05T20:13:36Z"
    }, {
      "Title": "Red Panda",
      "Category": "Animals",
      "Description": "a-desc",
      "TopTrainingCourse": true,
      "ID": 10,
      "Modified": "2019-03-06T21:08:25Z",
      "Created": "2019-03-06T21:08:25Z"
    }, {
      "Title": "Tennis",
      "Category": "Sports",
      "Description": "s-desc",
      "TopTrainingCourse": true,
      "ID": 11,
      "Modified": "2019-03-06T21:08:35Z",
      "Created": "2019-03-06T21:08:35Z"
    }]
  }
}


///// From topCourses.js /////

import testjson from …
Run Code Online (Sandbox Code Playgroud)

javascript jquery json append twitter-bootstrap

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

webpack 捆绑文件但 index.js 未运行

我有一个 index.js 文件,它导入我的 CSS 和一些包,但是在捆绑所有内容并启动服务器后,我注意到 index.js 没有运行。我console.log在 index.js 中做了一个简单的事情,但没有达到。

webpack.config从以前工作正常的项目中复制了我的文件内容,所以我不确定它是文件结构/路径错误还是什么不是。有什么想法吗?

目录结构:

在此处输入图片说明

webpack.config.js:

const path = require('path')
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin')
var $ = require("jquery");

var HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
    template: './src/index.html',
    filename: 'RecruitmentTracking.txt',
    inject: 'body'
});

module.exports = {
  entry: "./src/index.js", // removing the . fails the build
  output: {
    filename: './SiteAssets/scripts/RecruitmentTracking.js',
    path: path.resolve(__dirname, 'dist')
  },

  module: {
    rules: [{
      loader: 'babel-loader',
      test: /\.js$/,
      exclude: /node_modules/
    }, {
        test: /\.css$/,
        use: ['style-loader', …
Run Code Online (Sandbox Code Playgroud)

javascript jquery bundle webpack

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

使用 axios 获取本地 JSON 数据时遇到问题

我正在尝试使用 axios 从本地 json 文件中获取数据。在控制台下,我什至无法得到回应,所以我想我会在这里询问。

.js 文件:

var loadData;

function loadData() {
    axios({
        url: "[filepath]/json/docs.json", 
        responseType: 'json',
        credentials: "include",
        mode: "no-cors",
        headers: {
            "Accept": "application/json; odata=verbose"
        }           
    }).then((response) => {
        console.log(response.data);      
    })
}
Run Code Online (Sandbox Code Playgroud)

.then((response)它告诉我行我有一个语法错误---我认为这是关于响应语法,但我不那么肯定。有什么想法吗?

javascript json response node.js axios

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

突出显示悬停行的特定表格单元格

我有一张桌子,它看起来像这样:

| Company              | Contact         | Country  |
|---|---|---|
| Alfreds Futterkiste  | Maria Anders    | Germany  | 
| Centro Moctezuma     | Francisco Chang | Mexico   |
Run Code Online (Sandbox Code Playgroud)

我希望能够突出显示一行(例如Centro Moctezuma)并且突出显示第一列中的公司名称。所以当突出显示第 2 行时,Centro Moctezuma应该突出显示名称而不是名称Alfreds Futterkiste.

我有一些代码在将鼠标悬停在任何行上时突出显示第一列中的所有名称,这不是我想要的。如何重新格式化我的代码,以便仅突出显示悬停行的公司名称?

这是一个显示问题的小提琴:https : //jsfiddle.net/hdo236vm/


HTML 片段:

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr class="row">
    <td class="name">Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr class="row">
    <td class="name">Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr class="row">
    <td class="name">Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery events class function

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

C# - 在三元运算符中呈现部分

我正在使用三元运算符有条件地呈现页脚。我正在做@RenderPage,即使它有效,也意味着有一个控制器以及其他一些额外的代码。

我遇到了一个; expected错误,根据 StackOverflow 和一些文档,这是一个通用错误,可能是由许多不同的事情引起的。

我的语法正确吗?或者有什么我想念的吗?


// in this section is a switch statement that sets isNewFooter to true or false depending on which page has loaded.

 <div class="body-content">
    @RenderBody()

    @{
       (isNewFooter ? Html.RenderPartial("~/Views/Shared/NewFooter.cshtml") : Html.RenderPartial("~/Views/Shared/OldFooter.cshtml"))
     }

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

c# asp.net partial-views conditional-operator

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