te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>Moving div above another using JavascriptJQuery? - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>Moving div above another using JavascriptJQuery? - Stack Overflow

    Moving div above another using JavascriptJQuery? - Stack Overflow

    programmeradmin4浏览0评论

    I've seen a lot about doing this in CSS (far from ideal), but I'm thinking of building a Chrome extension and it requires that a div is inserted prior to another (for clarification, I mean that when testing the extension I need to drag the div above the other using Chrome Dev Tools). Is there a way to do this upon page load using Javascript/JQuery (or some other way which can be done via Chrome Extension)?

    In previous attempts I've tried using insertAfter()/insertBefore() and before() and had no luck (although I might be missing something obvious), so I guess another question is do these need to be used in a certain way within a Chrome Extension?

    Thanks in advance for any help!

    I've seen a lot about doing this in CSS (far from ideal), but I'm thinking of building a Chrome extension and it requires that a div is inserted prior to another (for clarification, I mean that when testing the extension I need to drag the div above the other using Chrome Dev Tools). Is there a way to do this upon page load using Javascript/JQuery (or some other way which can be done via Chrome Extension)?

    In previous attempts I've tried using insertAfter()/insertBefore() and before() and had no luck (although I might be missing something obvious), so I guess another question is do these need to be used in a certain way within a Chrome Extension?

    Thanks in advance for any help!

    • javascript
    • jquery
    • google-chrome
    • html
    Share Improve this question edited Nov 25, 2021 at 0:58 Abdul Saleem 10.6k6 gold badges47 silver badges46 bronze badges asked Dec 17, 2012 at 1:16 whitfinwhitfin 4,6297 gold badges42 silver badges68 bronze badges
    Add a ment  | 

    2 Answers 2

    Reset to default 11

    Here is a little demonstration.

    The insertBefore code being used is this:

    $("<div>").prop("id","between").insertBefore("#blah");

    The first two jQuery functions just create the div element. If you want to move an existing one:

    $("#existingDiv").insertBefore("#otherDiv");

    And this should be pretty self-explanatory.

    For plugins, load jQuery asynchronously. Something like this should do:

    (function(){
    var s = document.createElement('script');
    s.src = 'http://code.jquery./jquery-1.8.2.min.js';
    document.getElementsByTagName('head')[0].appendChild( s );
})();

    jQuery has a very easy method to move one node before another, which you touched upon in your question:

    BEFORE:

    <div id="first"></div> <div id="second"></div>

    $("#second").insertBefore("#first");

    AFTER:

    <div id="second"></div> <div id="first"></div>

    As far as Chrome, you may want to do some digging to see if jQuery is loaded by the time you make your call or not

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论