小编cfn*_*erd的帖子

如何使用jquery next()按类选择下一个div

我对jquery很陌生,并且正在努力应对相当简单的事情.我想从类"MenuItemSelected"的div中选择带有"MenuItem"类的上一个和下一个div.

HTML

<div id="MenuContainer" class="MenuContainer">
    <div id="MainMenu" class="MainMenu">
        <div class="MenuItem">
            <div class="MenuItemText">Menu Item #1</div>
            <div class="MenuItemImage">images/test1.jpg</div>
        </div>    
        <div class="MenuDividerContainer">
            <div class="MenuDivider"></div>
        </div>
        <div class="MenuItem MenuItemSelected">
            <div class="MenuItemText">Menu Item #2</div>
            <div class="MenuItemImage">images/test2.jpg</div>
        </div>
        <div class="MenuDividerContainer">
            <div class="MenuDivider"></div>
        </div>
        <div class="MenuItem">
            <div class="MenuItemText">Menu Item #3</div>
            <div class="MenuItemImage">images/test3.jpg</div>
        </div>
    </div><!--/ .MainMenu -->
</div><!--/ .MenuContainer -->
Run Code Online (Sandbox Code Playgroud)

这是我认为应该有效的下一个jquery.

$('div.MenuItemSelected').next('.MenuItem');
Run Code Online (Sandbox Code Playgroud)

我也试过了

$('div.MenuItemSelected').nextAll('.MenuItem');
Run Code Online (Sandbox Code Playgroud)

我唯一可以上班的是

$('div.MenuItemSelected').next().next();
Run Code Online (Sandbox Code Playgroud)

这看起来很好,有什么想法吗?

jquery

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

在 next.js 中获取客户端的当前 url

因此,我正在开发一个 nodejs 应用程序,我将在该应用程序上运行我的新网站,并且我想为客户端的用户提供一种方式来显示不同的内容,并根据用户按下的内容重新呈现。我的想法是,例如,首先用户会看到“请先选择一个工具”,然后用户将在导航栏中选择一个工具,然后页面将重新呈现并显示在大屏幕中选择的工具,网址为例如然后更改 /admin/[ToolSelected]。

唯一的事情是我不知道如何实现这一目标。我在想,客户端代码可以检测到 url 是什么,并将其作为页面变量放置,然后该工具将根据页面变量的内容显示一个 IF 语句。

我的理论是否可行,或者如何以有效的方式实现这一目标?

这是我的主页代码:

// Including Navbar and css
import AdminLayout from '../comps/admin/adminLayout'

// the so called "tools" more will exist in the future
import Passform from '../comps/admin/tools/passform'


// Fetching the current url the user is on
var page = CURRENT_URL;


const jumbotron = {
  background: 'white'
}

const Admin = (page) => (

  <AdminLayout>

  <style global jsx>
  {
    `body {
      background: #eff0f3;
    }`
  }
  </style>
    <div className="jumbotron" style={jumbotron}>

    {(page == "passform") ? …
Run Code Online (Sandbox Code Playgroud)

express reactjs next.js

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

将.docx文件(带有.emf图像背景)转换为PDF时出错

基于Laravel的应用程序将文档(.doc,.docx,.pdf,.png,.otd,html等)转换为PDF,以便它们可以合并到一个主PDF文档中.它使用PHPWordDOMPDF Wrapper等插件的组合来进行文件加载和创建.每隔一段时间,该进程由于Word文件而遇到错误.

错误:PhpOffice\PhpWord\Exception\InvalidImageException:图片无效:zip:// ... #word/media/image2.emf

该错误是由文档中的图像背景引起的,其作用类似于水印.错误输出的PHPWord部分是PhpOffice\PhpWord\Element\Image->checkImage()方法,但是在尝试加载文件时发生.

Settings::setPdfRendererName(Settings::PDF_RENDERER_DOMPDF);
$pdfWord = IOFactory::load(storage_path() . '/app/uploads/randomfile.docx', 'Word2007');
Run Code Online (Sandbox Code Playgroud)

应用程序如何将嵌入了EMF图像的Word文档转换为PDF?

有关如何重新创建错误的更多代码/信息,Github PHPWord库中存在一些问题.

  1. 支持EMF图像#1480
  2. 包含来自远程URL#1173的图像时读取docx错误

环境相关信息:

  • 服务器: Windows/IIS
  • PHP: 7.2.11
  • Laravel: 5.7.15
  • PHPWord: 0.15.0

编辑: 我也试图从不同的角度来看这个,但没有用.我试图使用PHP的ZipArchive解压的docx文件,从文件(删除EMF图像ZipArchive::deleteName()),除去在该参考EMF图像[Content_Types].xml(ZipArchive::getFromName()),然后将压缩文件的docx备份,但没有奏效.我可以打开新的docx文件并看到图像消失,但PHPWord错误仍然存​​在于应用程序中.

php pdf-generation phpword laravel-5

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

Twitter Web Intent的内容安全策略问题

我有一个生成随机引号的网页,我有一个按钮,当点击它时,应该重定向到Twitter网页意图页面,以便允许观众发送已经预先填充了引用文本的推文.

按钮的代码:

<a class="btn btn-info btn-lg" href="#" data-size="large" 
id="tweet-button"><i class="fa fa-twitter"></i>Tweet the current quote!</a>
Run Code Online (Sandbox Code Playgroud)

单击按钮时的jQuery将修改按钮的"href"属性,以便将预先填充的文本添加到URL中以显示它.

$("#tweet-button").click(function (){
    $(this).attr("href", "https://twitter.com/intent/tweet?text=" + encodeURIComponent($("#quote").text()) );
}); 
Run Code Online (Sandbox Code Playgroud)

当我单击按钮时出现此错误:

Refused to execute inline script because it violates the following
Content Security Policy directive: "script-src
https://connect.facebook.net https://cm.g.doubleclick.net 
https://ssl.google-analytics.com https://graph.facebook.com  
https://twitter.com https://*.userzoom.com 'unsafe-eval' 
https://*.twimg.com https://api.twitter.com https://analytics.twitter.com 
'nonce-6B1Ck//9/fE6OIatYBYe4A==' https://ton.twitter.com  
https://syndication.twitter.com https://www.google.com 
https://t.tellapart.com https://platform.twitter.com https://www.google-
analytics.com 'self'". Either the 'unsafe-inline' keyword, a hash 
('sha256-<sha256-hash'), or a nonce ('nonce-...') is required to enable 
inline execution
Run Code Online (Sandbox Code Playgroud)

如果我在URL中包含静态文本而不是$("#quote").text()正常加载,但无法弄清楚原因.在这两种情况下,我都应该得到CSP错误.

javascript webintents twitter-bootstrap-3

6
推荐指数
0
解决办法
833
查看次数

在Laravel查询构建器中使用CTE(WITH查询)

在一个项目中,我在Postgres中使用公用表表达式(CTE)来表示表上的递归表达式.递归表达式计算父项下的所有子行.

我正在使用带有查询构建器的Laravel框架来编写此查询.我想避免原始查询.我正在寻找一种在查询构建器语法中链接CTE的方法,但我最终得到了一个原始查询(DB::select('raw query here')).

有没有办法可以链接CTE部分?如下伪代码:

DB::statement('WITH RECURSIVE included_parts(sub_part, part, quantity) AS (  
SELECT sub_part, part, quantity FROM parts WHERE part = 'our_product'
 UNION ALL
  SELECT p.sub_part, p.part, p.quantity
  FROM included_parts pr, parts p
  WHERE p.part = pr.sub_part')
->select('subpart')
->table('included_parts')
->join('bar', 'foo.id', '=', 'bar.foo_id')
->etc etc more query expressions
Run Code Online (Sandbox Code Playgroud)

postgresql common-table-expression laravel-5

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

注销后,Laravel区域设置中间件不适用于所有路由和区域设置会话

我正在使用多语言网站.我已经为locale创建了一个中间件.Locale在Home,Login和Registration视图下工作正常.但是,它不与工作auth/passwords/reset.blade.phpauth/passwords/email.blade.php.当我按下注销时,Locale会话会破坏.

Laravel 5.3 routes/web.php

Route::group(['middleware' => 'locale'], function(){
    Route::get('/', function () {
    return view('welcome');
});

Auth::routes();

Route::get('/home', 'HomeController@index');

});

Route::get('setlocale/{locale}', function($locale){
     \Session::put('locale', $locale);
     return back();
}); 
Run Code Online (Sandbox Code Playgroud)

中间件:locale

<?php

namespace Onebook\Http\Middleware;

use Closure;
use Illuminate\Support\Facades\Session;
use Illuminate\Support\Facades\Config;

class Locale
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure  $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {   
        $locale = 'en';
        if(Session::has('locale')){
            $locale = Session::get('locale');
        }
        else{
            $locale = Config::get('app.locale'); …
Run Code Online (Sandbox Code Playgroud)

locale laravel-5 laravel-middleware

5
推荐指数
0
解决办法
696
查看次数

"元素不应该使tabindex大于零" - 非零Tabindex打破验证和508合规性

我们正在运行一个名为Ax的工具来检查HTML页面的有效性和508兼容性/可访问性.

此错误是违规行为:

元素的tabindex不应大于零

该应用程序由顶部链接和导航栏组成.如果我们没有放入tabindex,则标签从这些元素开始.我们的想法是在进入页面时直接点击表单输入.当然这是有道理的,应该被允许(即使对于残疾用户)?那么为什么合法的用例会被标记?

表单布局的图像

<input id="phone" name="phone" tabindex="5" placeholder="" class="input-block-level" type="text" value="222">

错误消息的图像

html css accessibility section508

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